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Untitled-1 


Yeh TypeScript code snippet variables ki declaration aur scope handling ke best practices ko demonstrate karta hai. Yahan explanation diya gaya 
hai dono parts ka: 


Use const where variable values do not change 


Is part mein, jahan variables ki values change nahi hoti, const keyword ka istemal kiya gaya hai: 


const a = 5; // ~a ko aik constant value '5' assign ki gayi hai. 
const b: number = 33; // ~b ko explicitly number type declare kar ke '33' assign kiya gaya hai. 
const c = "best"; // ~c ko string "best" assign kiya gaya hai. 


e a, b, aur c ko const se declare kiya gaya hai, iska matlab yeh variables ke values ko change nahi kiya ja sakta ek baar assign ho jane ke baad. 
Yeh variable immutable hain. 


| suggest using let instead of var everywhere 


Is section mein let keyword ka istemal karna recommend kiya gaya hai var ke bajaye, kyun ke let block-scoped hai: 


if (true) { 
let z = 4; // ‘z' is defined within the if block scope 
//use z 
} 
else { 
let z = "string"; // A different 'z', scoped to the else block 
//use z 
} 


console.log("let: + z); // Error: 'z' is not defined in this scope 


e z variable ko if block aur else block dono mein let ke sath declare kiya gaya hai. Har declaration z ko us specific block ke andar hi scope 
karta hai. 

e console.log("let: " + z)j; line mein error aayega kyun ke z variable ka scope sirf if ya else block tak limited hai, aur yeh global scope 
mein defined nahi hai. Isliye, yeh line compile time par aik error generate karegi. 


Ahem Nukat: 


¢ const ka istemal tab kiya jata hai jab variable ki value ko change nahi karna hota. Yeh best practice hai kyun ke yeh code ko zyada 
predictable aur bug-free rakhta hai. 

e let ka istemal var ke bajaye kiya jana chahiye kyun ke let block-level scope provide karta hai, jo ke zyada manage karne mein asan hai 
aur unexpected behavior se bachata hai, jo ke var ki function-level scoping se ho sakta hai. 


Yeh guftagu ECMAScript Modules (ESM) ka istemal Node.js mein aur ESM syntax ko CommonJS syntax mein transpile karne ke asraat par hai. 
Aao isko detail se samjhte hain: 


ECMAScript Modules in Node.js 


Node.js riwayati tor par CommonJS (CJS) module system ka istemal karta aya hai, jo ke modules ko import aur export karne ke liye require aur 
module.exports ka sahara leta hai. Lekin, haal hi mein, Node.js ne ECMAScript Modules (ESM) ko bhi support karna shuru ktya hai, jo ke 
JavaScript standard ka hissa hain aur browsers mein bhi istemal hota hai. 


Code Snippet Explanation 
Code snippet mein ECMAScript Modules ka istemal dikhaya gaya hai: 


import a from "./first"; 
import {b, c as d} from "./second"; 
console.log(a + b + d); 


e import a from "./first"; yeh line ./first module se default export ko a ke tor par import karta hai. 
e import {b, c as d} from "./second"; yeh line ./second module se b ko direct aur c ko d ke naam se import karta hai. 
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Transpiling ECMAScript Modules 


Jab yeh program transpile kiya jata hai, to yeh sahi tarah se run hota hai. Lekin, dhyan de ke transpiled JavaScript code ESM syntax ka istemal nahi 
karta, balki purane CommonJS syntax ka istemal karta hai. Yeh aksar tab hota hai jab tools jaise Babel ya TypeScript ka istemal hota hai code ko 
Node.js ke liye optimize karne ke liye, jo ke abhi bhi zyadatar CommonJS syntax par depend karta hai. 


Asraat 


Jab ESM syntax ko CommonJS mein transpile kiya jata hai, import aur export statements ko require() aur module.exports mein badal diya 
jata hai. Yeh zaroori hai kyun ke Node.js ke purane versions ESM ko directly support nahi karte the. Is se developers ko Node.js environment mein 
modern JavaScript features ka faida uthane ki suvidha milti hai, magar compatibility issues ka samna bhi karna pad sakta hai. 


Is liye, jab bhi Node.js mein modern JavaScript modules ka istemal kiya jaye, yeh zaroori hai ke environment aur tooling ko dhyan mein rakha jaye 
taake compatibility aur performance dono ko optimize kiya ja sake. Aap apne JavaScript Node.js files ko ECMAScript modules ka istemal karte 


hue setup karna chahte hain. Yeh process aapko modern JavaScript features ka faida uthane ki suvidha dega aur TypeScript ke sath Node.js setup 
kaise karna hai, is par bhi focus karega. 


Using Native ECMAScript Modules in Node.js 


Node.js mein ab native ECMAScript Modules (ESM) ka support hai, jo developers ko modules ko import aur export karne ke lrye modern syntax 
ka istemal karne ki jjazat deta hai. Iska matlab hai ke aap ab import aur export statements ka istemal kar sakte hain, jaise ke front-end JavaScript 
frameworks mein hota hai. 


Zaroori Changes Se Pehle 
Program ko transpile karne se pehle, kuch changes zaroori hain: 
1. tsconfig.json Changes: 


o "module": "nodenext": Ye setting TypeScript ko Node.js ke latest module system ke sath compatibility provide karta hai. 

o "moduleResolution": "NodeNext": Ye setting TypeScript compiler ko module resolution strategy ke liye Node.js ke latest 
standards ko follow kame ke liye kehta hai. 

o "target": "es2020": Ye setting TypeScript ko modern JavaScript features generate karne ke liye kehta hai jo ke ES2020 mein 
available hain. 


2. package.json Addition: 


o "type": "module": Is line ko package.json mein add karna zaroori hai taake Node.js samajh sake ke aapke project mein ECMAScript 
modules ka istemal ho raha hai. 


3. Import Syntax: 


o Jab import karte hain, file extension . js ka istemal karna zaroori hai, jaise ke import {b, c} from "./second.js";. Ye Node.js 
ko file ko sahi tarah se resolve karne mein madad karta hai. 


Transpiling the Code 


TypeScript code ko JavaScript mein transpile kame ke liye, aam tor par tsc command ka istemal hota hai. Magar, agar aap specific file ko transpile 
karte hain jaise ke tsc app.ts, to generated JavaScript file run nahi hogi agar usme module syntax issues hain. 


Common Error: Jab node app.js command run kiya jata hai, aur agar aapka setup sahi nahi hai, to aapko yeh error mil sakta hai: 


exports. _esModule = true; 


Nn 


ReferenceError: exports is not defined in ES module scope 


Ye error tab hota hai jab transpiled file abhi bhi CommonJS syntax ka istemal karta hai magar Node.js is file ko ECMAScript module ke tor par treat 
karta hai kyun ke package. json mein "type": "module" set hai aur file extension .js hai. 


Hal 


Agar aapko yeh error face karna pad raha hai, to aapko ya to transpile process ko adjust karna padega ya file extension ko .cjs mein change karna 
hoga agar aap Common/JS script ke tor par isay treat karna chahte hain. Ye depend karta hai ke aapka goal kya hai aur aap kis type ke modules 
(ESM ya CJS) ko support karna chahte hain. 
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Additional Reading 


Is topic par mazeed samajhne ke liye, aap "Understanding TypeScript 4.7 and ECMAScript module support" aur "TypeScript and native ESM on 
Node.js" jaise resources ko explore kar sakte hain. Ye aapko depth mein insights provide karenge ke TypeScript aur ECMAScript modules ko kaise 
effectively setup aur use kiya jaye Node.js environment mein. Node.js mein Native ECMAScript Modules ka istemal aur Inquirer package ko use 
karte hue ek basic setup aur application development ke liye guide diya gaya hai. Yahan step-by-step process ko Roman Urdu mein samjhaya ja 
raha hai: 


Using Native ECMAScript Modules in Node.js 


Node.js ne ECMAScript Modules (ESM) ko support karna shuru kar diya hai, jo ke JavaScript ke liye standard module system hai. Ye modules 
import aur export statements ka istemal karte hain, jo developers ko organized aur maintainable code likhne mein madad karte hain. 


Inquirer Package Ka Istemal 


Inquirer package command line interfaces (CLI) banane ke liye ek mashhoor library hai. Haal hi mein iska latest version (9+) Native ECMAScript 
Modules ka support shuru kar diya hai. Aapke projects aur assignments mein is package ka istemal kiya jayega. 


Dependencies Install Karna 


Sab se pehle, Inquirer package ko install karna hoga. Iske liye neeche diye gaye commands ko apne terminal ya command prompt par run karein: 


npm i inquirer 
npm i --save-dev @types/inquirer 


¢ npm i inquirer command Inquirer library ko as a dependency project mein add karta hai. 
« npm i --save-dev @types/inquirer command TypeScript ke liye Inquirer ke type definitions install karta hai, jo development ke 
dauran type checking aur auto-completion provide karta hai. 


.gitignore File Aur App.ts 


Apne project directory mein aik .gitignore file create karein aur us mein node_modules directory ko ignore karne ke liye settings add karein. Ye 
step zaroori hai taake jab aap apna code GitHub ya kisi aur version control system par push karein, to node_modules directory upload na ho. 


Phir, apne code ko app.ts file mein likhein. Yahan ek basic example hai jisme Inquirer ka istemal user se unki age poochne ke liye kiya gaya hai: 
import inquirer from "inquirer"; 


let answers = await inquirer.prompt([{ 
name: "age", 
type: "number", 
message: "Enter your Age:" 


}])5 


console.log("Insha Allah, in " + (60 - answers.age) + " years you will be 6@ years old."); 


Commands to Run Your Code 


Apne TypeScript code ko compile karne aur run karne ke liye neeche diye gaye commands ko use karein: 


tsc 
node app.js 


e tsc command TypeScript code ko JavaScript mein transpile karta hai. 
e node app.js command transpiled JavaScript code ko execute karta hai. 


Ye steps aapko Inquirer package ka istemal karte hue Node.js environment mein ECMAScript modules ke sath ek basic interactive application 
develop karne mein madad karenge. Node.js mein Inquirer aur Chalk packages ka istemal kar ke CLI (Command Line Interface) applications 


banaana sikhen. Yeh dono libraries Native ECMAScript Modules ko support karte hain, jo ke modern JavaScript development mein aam istemal 
hota hai. Yahan ek step-by-step guide diya gaya hai: 


Using Inquirer and Chalk Package 


Inquirer CLI interactions ke liye aur Chalk console text ko colorize karne ke liye istemal hota hai. Dono packages ke latest versions (Inquirer 9+ aur 
Chalk 5+) ECMAScript Modules ka support karte hain. 
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Dependencies Install Karna 
Sab se pehle, zaroori packages ko install karna hoga. Yeh commands aapke project mein Inquirer aur Chalk ko as dependencies add karenge: 
npm i inquirer 
npm i --save-dev @types/inquirer 


npm install chalk 


e npm i inquirer aurnpm install chalk Inquirer aur Chalk libraries ko respectively install karte hain. 
« npm i --save-dev @types/inquirer TypeScript ke liye Inquirer ke type definitions install karta hai, jo development ke dauran type 
checking aur auto-completion provide karta hai. 


Setup .gitignore and Code File 


Apne project directory mein .gitignore file banayen aur us mein node_modules directory ko ignore karne ke liye settings add karein taake ye 
version control system mein upload na ho. Phir, apna code app.ts file mein likhein: 


import inquirer from "inquirer"; 
import chalk from "chalk"; 


let answers = await inquirer.prompt([{ 
name: "age", 


type: "number", 
message: "Enter your Age:" 


}])5 


console.log(chalk.blue("Insha Allah, in " + (6@ - answers.age) + " years you will be 6@ years old.")); 


Compile and Run the Code 
Apne TypeScript code ko compile aur run karne ke liye neeche diye gaye commands ko use karein: 


tsc 
node app.js 


e tsc TypeScript code ko JavaScript mein transpile karta hai. 
e node app. js transpiled JavaScript code ko execute karta hai. 


Develop CLI Games and NPX Tool 


Aap Inquirer aur Chalk ka istemal kar ke CLI games develop kar sakte hain. Aapke class projects CLI based honge aur unhein NPX command ke 
tor par deploy kiya jana chahiye. NPX tool create karne ke liye, aap ko ek package publish karna hoga aur fir use NPX command ke zariye access 
kiya ja sakta hai. 


Experience a CLI Game 


CLI game ko experience karne ke liye, npx firequiz command run karein. Yeh command aapko Firequiz game ko directly run karne ki suvidha 
deta hai, bina ise install kiye: 


npx firequiz 
Source Code Review 


CLI game ke source code ko review karna bhi important hai taake aap samajh sakein ke game kaise build kiya gaya hai aur kaise aap similar tools 
aur games develop kar sakte hain. 


Is guide se aap Node.js environment mein Inquirer aur Chalk packages ka istemal kar ke effective aur interactive CLI applications develop kar 
sakenge. Aap ke paas ek detailed TypeScript example hai jo Union Types, Literal Types, Narrowing, aur Truthiness narrowing jaise concepts ko 


cover karta hai. Yeh advanced TypeScript features programming mein type safety ko barhane ke liye istemal kiye jate hain. Aaiye in concepts ko 
Roman Urdu mein samjhte hain: 


Union Types 


Union types aap ko multiple types ke values ko ek variable mein store karne ki permission dete hain. Yeh flexibility dete hain jab aapko fixed type ki 
zarurat nahi hoti: 
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let myname: string | null; 


myname = null; // Ok: null type 
console.log(myname) ; 


myname = "zia"; // Ok: string type 
console. log(myname) ; 


//myname = undefined; // Error: ‘undefined’ type is not allowed 
//myname = 12; // Error: ‘number’ type is not allowed 
Narrowing 


Narrowing ka matlab hai ke aap type ko dynamically check karte hain aur us type ke hisaab se operations perform karte hain. Is se type safety ko 
barhaya jata hai: 


let myAge: string | number; 


myAge = 16; // Number is valid 
console. log(myAge) ; 


// console. log(myAge.toLowerCase()); // Error: 'toLowerCase' is not available on ‘number’ 
myAge = "Don't Know"; // String is valid 


console. log(myAge) ; 
console. log(myAge.toLowerCase()); // No error: ‘'toLowerCase' is valid on 'string' 


Literal Types 

Literal types allow you to restrict a variable to exact values, enhancing predictability: 
let age: number | "died" | "unknown"; 

age = 90; // OK 

age = "died"; // OK 


age = "unknown"; // OK 
// age = "living"; // Error: 'living' is not a valid assignment 


Truthiness Narrowing 

Truthiness narrowing se aap variables ki "truthiness" value ko check karte hain aur usi ke mutabiq conditions apply karte hain: 
let yourName = Math.random() > @.6 ? "Hira Khan" : undefined; 

if (yourName) { 


yourName.toUpperCase(); // Ok: ‘toUpperCase' can be called because yourName is truthy 
H 


// yourName.toUpperCase(); // Error: Object is possibly ‘undefined’. 
yourName?.toUpperCase(); // Ok: Optional chaining is used to prevent error 


Type Aliases 
Type aliases se aap complex union types ko simplify kar ke ek naam de sakte hain: 


type RawData = boolean | number | string | null | undefined; 
let data: RawData; // data can be any of these types 


type Id = number | string; // Combine simple types into a reusable alias 
type IdMaybe = Id | undefined | null; // Extend existing types with more options 


Additional Notes 


To avoid the "Billion Dollar Mistake" of null references (coined by Tony Hoare), set strictNullChecks to true in your tsconfig. json. This 
forces you to handle null and undefined explicitly, increasing code reliability: 
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{ 
"strictNullChecks": true 
i 


These TypeScript features provide a robust framework for writing safer and more predictable code by allowing you to specify and check types 
rigorously throughout your codebase. Yeh TypeScript code snippet ek basic introduction hai kis tarah se objects ko define kiya jata hai aur unhe 
TypeScript mein type declarations ke saath kaise manage kiya jata hai. Aaiye is code ko Roman Urdu mein samajhte hain: 


Object Declaration and Access 
Pehla hissa teacher object ko define karta hai jisme name aur experience properties hain. Phir, ye properties ko console mein print karta hai: 


let teacher = { 
name: "Zeeshan", 
experience: "10" 


} 


console.log(teacher.name); // 'Zeeshan' print karega 
console.log(teacher["experience"]); // '10' print karega 


e teacher.name aur teacher["experience" ] syntax ka istemal kar ke, hum object ki properties tak pahunch sakte hain. Yahan dot 
notation aur bracket notation dono ka istemal kiya gaya hai. 


Type Declaration 


Doosra hissa student object ke liye type declaration ko define karta hai. Is mein name aur age properties hain jo string aur number types ke 
hain: 


let student : { 
name: string, 
age: number 


} 

student = { 
name: "Hira", 
age: 30 

} 


console.log(student["name"]); // ‘Hira’ print karega 
console.log(student.age); // 3@ print karega 


e let student: { name: string, age: number } line mein, humne student variable ko ek specific type ke saath declare kiya hai jo 
ek object hai jisme name ek string hai aur age ek number hai. 

e Jab hum student object ko assign karte hain, ye TypeScript compiler ko ye ensure karne mein madad karta hai ke name aur age properties 
sahi types ke sath provide ki gayi hain. 

e Property values ko access karte waqt phir se dot notation aur bracket notation ka istemal kiya gaya hai. 


Aham Baatein 


¢ TypeScript ke type declarations code ko zyada predictable aur error-free banate hain kyunke compile time par type checks ho jate hain. 
¢ Dot notation (object .property) aur bracket notation (object[ "property" ]) dono object properties ko access karne ke valid tareeqe 
hain. Dot notation zyada common hai jab property ka name pehle se known ho. 


Is tarah ke code snippets beginners ko TypeScript ke basic object handling aur type safety features ko samajhne mein madad karte hain. Yeh 
practices code ko maintain aur debug karna asaan bana deti hain, khaaskar bade projects mein jahan data types ka sahi management crucial hota 


hai. Yeh TypeScript code snippet mein, object types, type aliases, aur interfaces ko use karte hue different structures ko define karna dikhaya gaya 
hai. Aaiye is code ko detail mein samajhte hain Roman Urdu mein: 


Object Types 
Pehla part ek simple object type ka istemal karta hai: 
let teacher : {name: string, exp: number} = { 


name: "Zeeshan", 
exp: 10 
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e teacher variable ko anonymous object type {name: string, exp: number} ke sath declare kiya gaya hai. Iska matlab hai ke teacher 
object mein name property aik string hogi aur exp property aik number hogi. 


Type Aliases 


Type aliases se complex types ko reusable banaya ja sakta hai, jo code ko zyada maintainable aur clear banata hai: 


type Student = { 

name: string, 

age?: number // Optional property 
: 


let student: Student = { 
name: "Hira", 
age: 30 

} 


console.log(student["name"]); // ‘Hira’ print karega 
console.log(student.age); // 3@ print karega 


e Student type alias ko define kiya gaya hai, jo object type ka ek template hai. age property ko optional banaya gaya hai (age?), jo ke iska 
matlab hai ke age property ko provide karna zaroori nahi hai. 
e student variable ko Student type se assign kiya gaya hai, aur iski properties name aur age ko initialize kiya gaya hai. 


Interfaces 


Interfaces TypeScript mein objects ke shape ko define karne ke liye istemal hota hai, jo zyadatar objects ke contracts ko specify karte hain: 


interface Manager { 
name: string, 
subordiates?: number // Optional property 


} 


let storeManager: Manager = { 
name: "Bilal" 
i 


« Manager interface ko define kiya gaya hai jo ke name property aur optional subordiates property contain karta hai. 
e storeManager variable ko Manager interface ke mutabiq initialize kiya gaya hai. Yahan sirf name property ko provide kiya gaya hai, kyun ke 
subordiates property optional hai. 


Type vs. Interfaces 


Type aliases aur interfaces dono objects ke shapes ko define karne mein helpful hain, magar dono mein kuch differences hain: 


¢ Type Aliases flexible hain aur unhe non-object types ke sath bhi use kiya ja sakta hai (jaise primitives, unions, intersections). Types ko extend 
ya implement nahi kiya ja sakta, lekin unions ka creation asaan hai. 

e Interfaces specifically objects aur classes ke liye designed hain. Interfaces ko extend ya implement kiya ja sakta hai, jo ke large-scale 
application architecture ke liye zyada suitable hai. 


Yeh features TypeScript mein type safety aur code organization ko enhance karte hain, developers ko robust aur easily maintainable applications 
develop karne ki capability dete hain. Yeh TypeScript ke object types, structural typing, aur type compatibility ke bare mein ek tafseeli code snippet 
hai. Yeh concepts aap ko samajhne mein madad karenge ke TypeScript kaise types ko compare karta hai aur kaise different types ko ek doosre ke 
sath assign kiya ja sakta hai. Aaiye isey Roman Urdu mein samajhte hain: 


Structural Typing and Type Compatibility 


TypeScript ek structural type system hai, jo ke types ko unke members ke structure ke base par compare karta hai. Ye nominal type systems se 
mukhtalif hai jahan aap two types ko ek doosre ke sath assign nahi kar sakte agar woh explicitly same nahi hai. 


interface Ball { 
diameter: number; 

d 

interface Sphere { 


diameter: number; 
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let ball: Ball = { diameter: 10 }; 
let sphere: Sphere = { diameter: 20 }; 


sphere = ball; // Allowed because the structure is the same 
ball = sphere; // Allowed because the structure is the same 


Additional Member in Type 


Agar ek type dusre type ke sare members ko include karta hai, to wo us type ko assign kiya ja sakta hai. Lekin agar assignment ki jani wali type 
mein koi extra property hoti hai jo target type mein nahi hai, to TypeScript error throw karega: 


interface Tube { 


diameter: number; 
length: number; 


} 
let tube: Tube = { diameter: 12, length: 3 }; 


// tube = ball; // Error, because ~“tube”~ expects “length which ~ball~ doesn't provide 
ball = tube; // Allowed, because ~ball~ doesn't care about extra properties 


Freshness 


TypeScript mein, jab aap "fresh" object literals ko assign karte hain, TypeScript check karta hai ke kya wo object literal mein koi extra ya 
misspelled properties to nahi hain jo target type mein nahi hai. Ye "freshness" ki property object literals ko strict typing ke sath handle karta hai. 


let myType = { name: "Zia", id: 1 }; 


// Allowed, matching properties 
myType = { id: 2, name: "Tom" }; 


// Error, ~name_person” is not expected in ~“myType 
myType = { id: 2, name_person: "Tom" }; 


// Allowed when using index signatures 
var x: { id: number, [x: string]: any }; 
x = { id: 1, fullname: "Zia" }; 


// Error, ~age’ is an excess property 
myType = { id: 2, name: "Tom", age: 22 }; 


Stale Objects 


Jab aap already declared (stale) object literals ko assign karte hain, TypeScript us type ko check karta hai lekin itna strictly nahi jitna ke fresh 
objects ke case mein. 


let myType2 = { id: 2, name: "Tom" }; 
myType = myType2; // Allowed, matching properties 


let myType3 = { id: 2, name_person: "Tom" }; 
myType = myType3; // Error, ~name_person” is not expected 


var y = { id: 1, fullname: "Zia" }; 
x = y; // Allowed, ~fullname’ matched by index signature 


var myType4 = { id: 2, name: "Tom", age: 22 }; 
myType = myType4; // Ok, excess property allowed in case of stale object 


Summary 
Yeh examples TypeScript ke structural typing ko demonstrate karte hain, jahan type compatibility unke structure ke base par determine ki jati hai. Ye 


aapko flexibility deta hai lekin sath hi type safety ko ensure karta hai ke aap jo data structures create kar rahe hain wo expected types ke mutabiq 
hon. Future versions mein TypeScript nominal typing ko bhi support kar sakta hai, jo type checking ko aur bhi strict bana dega. Yeh TypeScript 
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code snippet Author aur Book types ko define karta hai, aur phir ek Book type ki object ko myBook ke tor par initialize karta hai. Is example ko 
Roman Urdu mein samajhna aasan hai, kyun ke yeh basic object literals aur nested type definitions ka istemal karta hai. 


Types Definition 


Pehle, do custom types, Author aur Book, define kiye gaye hain: 


type Author = { 
firstName: string; 
lastName: string; 


}3 

type Book = { 
author: Author; 
name: string; 

}3 


« Author type do properties ko define karta hai: FirstName aur lastName, dono ko string type ke tor par. 
¢ Book type mein author property hai jo ke Author type ki hai, yani ke Book ke author field mein ek Author type ki object aani chahiye. 
Iske sath hi, ek name property bhi hai jo ke kitab ka naam store karegi, aur ye bhi string type ki hai. 


Object Initialization 
Phir, myBook naam ki constant variable ko Book type ke data ke saath initialize kiya gaya hai: 


const myBook : Book = { 
author: { 
FirstName: "Zia", 
lastName: "Khan" 


}, 


name: "My Best Book" 


e myBook ko Book type ki structure ke mutabiq define kiya gaya hai. Ismein author aur name dono properties hain. 
e author property mein ek nested object hai jo Author type se match karta hai, jismein FirstName aur lastName dono shamil hain. 
¢ name property mein string "My Best Book" di gayi hai, jo ke Book type ke name property ko fulfill karta hai. 


Summary 


Is tarah ke type definitions aur object initializations TypeScript mein aam hain aur ye developers ko complex data structures ko manage karne mein 
madad karte hain, kyun ke ye type safety ko ensure karte hain. Aapke data ke har piece ko sahi format mein hona zaroori hai, jo ke code ki reliability 
aur maintainability ko barhata hai. Yeh practice khas tor par useful hai jab aap complex data models ke saath kaam kar rahe hoon, jaise ke 
programming mein publishing systems ya content management systems. TypeScript mein Intersection Types aise types hain jo multiple types ko 
ek sath combine karte hain. Yeh aapko different interfaces ya types ke properties ko ek single type mein jama karne ki suvidha dete hain. Aaiye is 
concept ko Roman Urdu mein detail se samajhte hain: 


Intersection Types ki Definition 


Intersection Types, kisi bhi type ke set of capabilities ko ek sath mila kar ek naya type banaate hain. Iska matlab hai ke jo naya type banta hai, us 
mein wo sab properties aur methods hote hain jo un original types mein the jinhe combine kiya gaya hai. 


Example Explanation 


interface Student { 
student_id: number; 
name: string; 


} 


interface Teacher { 
teacher_Id: number; 
teacher_name: string; 


} 


type intersected_type = Student & Teacher; 


e Student interface mein student_id aur name properties hain. 
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e Teacher interface mein teacher_Id aur teacher_name properties hain. 
e intersected_type ek intersection type hai jo Student aur Teacher dono interfaces ko combine karta hai. Iska matlab yeh hai ke koi bhi 
object jo is type ka instance hoga, us mein Student aur Teacher dono ke properties honge. 


Object ka Creation Using Intersection Type 


let obj1: intersected_type = { 
student_id: 3232, 
name: "rita", 
teacher_Id: 7873, 
teacher_name: "seema", 


}3 
console.log(obj1i.teacher_Id); // Output: 7873 
console.log(obj1.name) ; // Output: rita 


e obj1 variable ko intersected_type ke tor par declare kiya gaya hai, jo ke Student aur Teacher ke properties dono ko contain karta hai. 
e Yeh object student_id, name, teacher_Id, aur teacher_name sab properties ko include karta hai, jo ke dono interfaces se aate hain. 


Intersection Types ka Usefulness 


Intersection Types bahut useful hote hain jab aapko entities create karni hoti hain jo multiple sets ki properties ya behaviors ko inherit karni hoti 
hain. Ye commonly complex systems mein use kiye jate hain jahan different types ke data models ko ek sath manage karna parta hai. Is tareeke se, 
aap apne data structure ko zyada organized aur maintainable bana sakte hain, aur type safety ko bhi barhate hain. 


Is tareeke se TypeScript aapko zyada flexible aur powerful tools provide karta hai jisse aap apne applications ke liye complex data structures ko 
efficiently manage kar sakte hain. Here’s an overview of the any, unknown, and never types in TypeScript, explained in Roman Urdu: 


Any Type 


any type TypeScript mein aisa type hai jo kisi bhi other type ka data hold kar sakta hai. Ye type system ko flexible banata hai lekin is se type safety 
kam ho jati hai kyunki any type ko check ya validate nahi kiya jata compile time pe: 


let myval: any; 


myval = true; // OK 

myval = 42; // OK 

myval = "hey!"; // OK 

myval = []; // OK 

myval = {}; // OK 

myval = Math.random; // OK 

myval = null; // OK 

myval = undefined; // OK 

myval = () => { console.log('Hey again!'); }; // OK 


Unknown Type 


unknown type bhi kisi bhi type ki values ko hold kar sakta hai, lekin iska use zyada safe haias compared to any because you must perform some 
type of checking before performing most operations on values of type unknown, thereby preventing runtime errors: 


let value: unknown; 


value = true; // OK 

value = 42; // OK 

value = "hey!"; // OK 

value = []; // OK 

value = {}; // OK 

value = Math.random; // OK 

value = null; // OK 

value = undefined; // OK 

value = () => { console.log('Hey again!'); }; // OK 


Assigning unknown to other types 
unknown type ko directly dosre specific types mein assign nahi kiya ja sakta bina type assertion ya checking ke: 
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let val: unknown; 


const val1: unknown = val; // OK 

const val2: any = val; // OK 

const val3: boolean = val; // Error: Type ‘unknown’ is not assignable to type ‘boolean’ 
const val4: number = val; // Error 

const val5: string = val; // Error 

const val6: Record<string, any> = val; // Error 

const val7: any[] = val; // Error 

const val8: (...args: any[]) => void = val; // Error 


Never Type 


never type un values ko represent karta hai jo kabhi occur nahi hoti. Ye commonly functions mein use hota hai jo kabhi return nahi karte ya 
hamesha koi exception throw karte hain: 


// Function that throws an error, hence never returns 
function error(message: string): never { 
throw new Error(message) ; 


} 


// Function that will fail by calling another function that throws an error 
function fail() { 
return error("Something failed") ; 


} 


// Function with infinite loop, hence never returns 
function infiniteLoop(): never { 
while (true) {} 


} 


never type har type ka subtype hai, lekin koi bhi type never ka subtype nahi hai, isiliye never ko kisi bhi type ke siva never mein assign nahi 
kiya ja sakta. Ye type safety ko barhane ke liye use hota hai, especially in cases where code should not logically continue. TypeScript mein type 
casting (ya type assertion) ka matlab hai ke aap TypeScript compiler ko yeh bata rahe hain ke aap ko pata hai aik particular variable kis type ka hai, 
aur aap is variable ko usi type ke tor par treat karna chahte hain. Ye aam tor par unknown ya any types ke sath istemal hota hai jab aap ko pata hota 
hai ke runtime pe kis type ki value expected hai, lekin TypeScript ko ye nahi pata hota. Aaiye is concept ko Roman Urdu mein samajhte hain: 


Type Casting in TypeScript 


TypeScript do syntax provide karta hai type assertions ke liye: as keyword aur angle-bracket syntax. Dono ka istemal karke aap TypeScript ko ye 
batate hain ke kis tarah se aap ek variable ko treat karna chahte hain. 


Example 


let myname: unknown = "Zia"; 


// Using the ‘as’ syntax 
console.log((myname as string).length); // Yeh 'Zia' ki length print karega, jo ke 3 hai. 


// Using angle-bracket syntax 
console.log((<string>myname).length); // Yeh bhi 'Zia' ki length print karega, jo ke 3 hai. 


¢ myname variable ko unknown type ke sath declare kiya gaya hai, jo ke TypeScript ko yeh nahi batata ke is variable ki actual type kya hai. 

e (myname as string) aur (<string>myname) dono expressions TypeScript ko instruct karte hain ke myname ko string ke tor par treat 
kare. Is se aap length property ko access kar sakte hain jo ke strings ke liye available hott hai. 

« Agar myname variable mein non-string value hoti, to yeh code runtime error generate kar sakta tha. Is liye, type casting karte waqt cautious 
rahna chahiye. 


When to Use Type Casting 


e Jab aap ko strong confidence ho ke variable ka type kya hai lekin TypeScript us type ko infer nahi kar pa raha ho. 

e Jab aap external libraries ya JavaScript se aaye code ko TypeScript mein integrate kar rahe hon aur types ke bare mein zyada information ho. 

e Jab aap any ya unknown types ka sahi way mein transition karna chahte hain towards more specific types, especially in scenarios where type 
checking is temporarily disabled or not possible. 
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Safety Considerations 


Type casting ko cautiously use karna chahiye kyun ke is se compile-time type checking bypass ho jati hai, jo ke runtime errors ka sabab ban sakti 
hai. Hamesha ensure karein ke type assertion se pehle adequate type checks perform kiye gaye hain ya aapko reliable source se type information 
mili hai. Yeh practice TypeScript ke faaide ko kam kar sakti hai agar galat istemal ki jaye. Yeh TypeScript code snippet enums (enumerations) ka 
istemal karta hai jo aik set of named constants ko define karte hain. Enums aapko code mein magic numbers ko avoid karne ke liye, descriptive 
names ke sath constants ko group kame ki suvidha dete hain. Aaiye har ek enum example ko Roman Urdu mein samajhte hain: 


Basic Enum 


enum Color {Red, Green, Blue}; // starts with @ 
var c: Color = Color.Green; 


¢ Color enum mein teen members hain: Red, Green, aur Blue. Enums TypeScript mein default ke tor par 0 se start hote hain agar unhein 
explicitly initialize nahi kiya jata. 

e c variable ko Color.Green assign kiya gaya hai. Chunanchah, Color.Green ki value | hai (kyunki enumeration 0 se start hota hai aur 
Green doosra member hai). 


Enum with Initialized Values 


enum Color1 {Red = 1, Green, Blue}; 
var colorName: string = Color1[2]; 
console.log(colorName); // Outputs "Green" 


¢ Color1 enum mein har member ko explicitly initialize kiya gaya hai. Red ko 1 ki value di gayi hai, aur baqi members (Green aur Blue) 
automatically increment hotay hain, isliye Green 2 aur Blue 3 ho jata hai. 

e colorName variable mein Color1[2] store kiya gaya hai, jo ke Green hai. Index 2 pe Green mojood hai is liye 
console. log(colorName) "Green" print karega. 


Enum with Specific Values 


enum Color2 {Red = 1, Green = 2, Blue = 4}; // can assign values to all 
var colorIndex = Color2["Blue"]; 
console.log(colorIndex); // Outputs 4 


e Color2 enum mein har color ko aik specific value assign ki gayi hai. Yahan Red ko 1, Green ko 2, aur Blue ko 4 assign kiya gaya hai. 
e colorIndex variable mein Color2["Blue" ] ki value store ki gayi hai, jo ke 4 hai. Is liye console. log(colorIndex) 4 print karega. 


Summary 


Enums ki yeh properties aapko code mein readability aur maintainability barhane mein madad deti hain kyunki aap numbers ko meaningful names se 
replace kar sakte hain. Enums ka istemal particularly us waqt faida mand hota hai jab aap set of related constants ko manage kar rahe hote hain, 
jaise colors, directions, ya configuration options. Ye TypeScript mein type safety ko barhane mein bhi madadgar hai, kyunki aap sirf defined enums 
hi use kar sakte hain, is se unexpected values aur errors ko kam kiya ja sakta hai. The TypeScript code you've provided demonstrates the use of 
const enums, which is a special kind of enumeration in TypeScript that allows for certain optimizations during compilation. Let's break down the 
code and explain it in detail: 


Const Enums 


const enum is a variation of the regular enum in TypeScript, where the enum is completely inlined at compile time. This means that the generated 
code does not include the object map of the enum itself, only the literal values are used wherever referenced. This can lead to performance 
improvements but restricts certain dynamic uses of the enum. 


Example 1: Basic Const Enum 


const enum Color {Red, Green, Blue}; // starts with @ 
var c: Color = Color.Green; 


e Color is a const enum with three members: Red, Green, and Blue. Since no explicit values are assigned, TypeScript assigns values 
starting from @. Thus, Color.Green has a value of 1. 
¢ Variable c is assigned the value of Color .Green. At compile time, this will be replaced with the literal 1. 
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Example 2: Const Enum with Reverse Mapping Error 


const enum Color1 {Red = 1, Green, Blue}; 
var colorName: string = Color1[2]; // Not allowed with const enums 
console.log(colorName) ; 


e Here, Color1 is a const enum where Red is explicitly set to 1. Green and Blue will be auto-incremented to 2 and 3, respectively. 

- Attempting to access Color1[2] results in an error because reverse mappings (from number to enum name) are not available with const 
enums. Since const enums are inlined and do not exist as objects at runtime, you cannot use index access like Color1[2] to get the name 
of the enum member. This line will cause a compile-time error. 


Example 3: Const Enum with Explicit Values 


const enum Color2 {Red = 1, Green = 2, Blue = 4}; // can assign values to all 
var colorIndex = Color2["Blue"]; 
console.log(colorIndex); // Outputs 4 


¢ Color2 is another const enum, with each member explicitly assigned a unique value. 
e colorIndex is assigned Color2["Blue" ], which, during compilation, will be replaced with 4. 
¢ The output of console. log(colorIndex) will be 4 since that is the value associated with Blue in the Color2 enum. 


Summary 

const enums provide an optimization advantage by reducing the runtime code and speeding up access to values. However, they are less flexible 

than regular enums because they are not preserved as objects in the compiled JavaScript. This means you cannot loop over a const enum or use 
reverse look-ups as demonstrated in the second example. 

The use of const enums should be chosen based on whether you need the performance optimization and are willing to sacrifice some flexibility 


and dynamism typically associated with regular enums. Yeh TypeScript mein arrays ke istemal ki misalen hain, jo arrays ko kis tarah declare karna 
hai aur unhein kis tarah use karna hai iski wazahat karte hain. Aatye isko Roman Urdu mein samjhte hain: 


Arrays ki Declaration aur Use 
Example 1: Simple Array Declaration 


let array1: number[] = [5, 6, 7]; // correct syntax 
console.log(array1[1]); // Outputs 6 


¢ array1 ek array hai jo number type ke elements ko store karta hai. Yeh array [5, 6, 7] ke values se initialize kiya gaya hai. 
e console.log(array1[1]); yeh array ka dosra element (index 1) print karega, jo ke 6 hai. 


Example 2: Alternative Syntax for Array Declaration 


let array2: Array<number> = [1, 2, 3]; // alternative correct syntax 


e array2 bhi ek array hai jisme number type ke elements hain, lekin iski declaration Array<number> generic type ka istemal karke ki gayi hai. 
Ye syntax bhi bilkul sahi hai aur TypeScript mein commonly use hota hai. 


Example 3: Empty Array Declaration 


let array3: number[] = []; // correct syntax to define an empty array 


e array3 ek khali array hai jo baad mein numbers se populate kiya ja sakta hai. Is tarah se khali array ko initialize karna common practice hai 
jab aapko abhi array ke elements nahi pata hote. 


Example 4: Incorrect Array Initialization 


let array4: number[] = new number[2]; // error 


e Yeh line ek syntax error hai. TypeScript mein arrays ko new Array() constructor se initialize karna possible hai lekin new number[2] sahi 
syntax nahi hai. Sahi syntax hoga new Array(2). 
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Example 5: Dynamically Adding Elements to an Array 


let array5: number[] = []; 
array5.push(1234); // dynamically adding 


e array5 ko pehle khali array ke tor par declare kiya gaya hai. Phir push method ka istemal karke 1234 ko is array mein add kiya gaya hai. 
push method array ke end mein new element add karta hai, jo ke dynamic arrays ke liye bahut useful hota hai. 


Summary 


TypeScript mein arrays ka management aur istemal bohot flexible hai. Aap simple syntax ya generic Array type ka istemal kar sakte hain elements 
ko store kame ke liye. Khali arrays ko initialize karna aur un mein dynamically values add karna bhi straightforward hai. Lekin, arrays ko declare 
karte waqt sahi syntax ka istemal karna zaroori hai taake errors se bacha ja sake aur code sahi tareeqe se run ho. Yeh TypeScript mein mukhtalif 
tarah ke functions ki misaal hai, jisme named functions, anonymous functions, lambdas, aur functions ke types ka istemal shamil hai. Aaiye is code 
snippet ko Roman Urdu mein samjhte hain: 


Named Function 


// Named function 

function add(x: number, y: number): number { 
return xX + y3 

} 


e add ek named function hai jo do numbers ko add karta hai. Is function ka return type number hai, jo yeh indicate karta hai ke function jo 
value return karega wo number type ki hogi. 


Anonymous Function 


// Anonymous function 
let myAdd1 = function(x: number, y: number): number { 
return xX + y3 


}3 


e myAdd1 ek variable hai jis mein ek anonymous function store kiya gaya hai. Yeh function bhi do numbers ko add karta hai, aur isi tarah se iska 
return type number hai. 


Anonymous Function with Explicit Type 


// Anonymous function with explicit type 
let myAdd2: (x: number, y: number) => number = function(x: number, y: number): number { 
return xX + y3 


}3 


e myAdd2 mein ek anonymous function hai, lekin is dafa function ko assign karne se pehle variable ka type explicitly define kiya gaya hai. Yeh 
type signature batata hai ke function do number type ke parameters leta hai aur ek number type ki value return karta hai. 


Type Names Don't Matter 


// Type names don't matter 
let myAdd3: (baseValue: number, increment: number) => number = function(x: number, y: number): number { 
return xX + y3 


}3 
e myAdd3 mein function ke liye type signature use kiya gaya hai jisme parameter names baseValue aur increment hain, lekin actual function 


ke parameters x aur y hain. TypeScript mein parameter names type definition mein aur function implementation mein mukhtalif ho sakte hain; 
sirf unka type aur order matter karta hai. 


Lambda Functions (Arrow Functions) 


// Lambda functions 
let myAdd4 = (a: number, b: number) => a + b; 


e myAdd4 ek lambda function ya arrow function hai, jo bohot concise syntax mein same functionality provide karta hai jo upper wale examples 
mein thi. Lambda functions generally shorter aur cleaner hote hain, khas tor par jab simple expressions ko return karna ho. 
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Using Type Aliases with Functions 


type GreetFunction = (a: string) => void; 


function greeter(fn: GreetFunction) { 


/]oves 
} 


¢ GreetFunction ek type alias hai jo ek function type ko define karta hai jo ek string ko parameter ke tor par leta hai aur kuch bhi return 
nahi karta (void). 

e greeter function ek GreetFunction type ka parameter leta hai, yani ke is function ko jo bhi function pass kiya jayega, uska structure 
GreetFunction ke mutabiq hona chahiye. 


Summary 


Yeh examples aapko TypeScript mein functions ko define karne ke mukhtalif tareeqe dikhate hain, jisme type safety aur clarity ko maintain karte hue 
concise aur flexible syntax ka faida uthaya gaya hai. Functions ki versatility aur type system ka sahi istemal code ko zyada maintainable aur 
understandable banata hai. 


Yeh TypeScript mein functions ke istemal se mutaliq misaal hai jahan optional parameters aur anonymous functions ka zikr hai. Aaiye is code ko 
Roman Urdu mein samajhte hain: 


Named Function with Optional Parameters 


// Named function with optional parameters 
function buildName(firstName: string, lastName?: string) : string { 
if (lastName) 
return firstName + 
else 
return firstName; 


+ lastName; 


let result1 = buildName("Bob"); // ok 
let result2 = buildName("Bob", "Adams", "Sr."); // error, too many parameters 
var result3 = buildName("Bob", "Adams"); // also ok 


e buildName function do parameters leta hai: FirstName jo ke required hai, aur lastName jo ke optional hai (lastName?). Optional 
parameters TypeScript mein ? mark se indicate kiye jate hain. 

e Agar lastName provide ki gayi hai to function FirstName aur LastName ko space ke sath jod kar return karega. Agar lastName nahi di 
gayi to sirf FirstName return hoga. 

e« result1 mein sirf FirstName ("Bob") di gayi hai aur chunanchah yeh sahi hai. 

¢ result2 mein teen arguments diye gaye hain, jab ke function sirf do parameters accept karta hai, is liye yeh syntax error hai. 

e result3 mein dono firstName aur lastName diye gaye hain, yeh bhi sahi hai aur function dono ko jod kar return karega. 


Anonymous Function with Optional Parameters 


// Anonymous function type with optional parameters 
var buildName1 : (firstName: string, lastName?: string) => string = 
function(firstName: string, lastName?: string) : string { 
if (lastName) 
return firstName + 
else 
return firstName; 


+ lastName; 


e buildName! variable mein ek anonymous function store kiya gaya hai jo FirstName aur optional LastName leta hai, aur is ka return type 
string hai. 

e Yeh anonymous function bhi isi tarah kaam karta hai jaise buildName named function. Agar lastName mojood hai to woh FirstName ke 
sath space ke sath joda jayega, warna sirf FirstName return hoga. 

e Yahan function ko directly variable ke sath assign kiya gaya hai aur uski type bhi define ki gayi hai((firstName: string, lastName?: 
string) => string), jo ke TypeScript mein type safety ko ensure karta hai. 
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Summary 


Yeh examples TypeScript mein functions ke flexible syntax ko dikhate hain, jisme optional parameters aur anonymous functions shamil hain. 
Optional parameters functions ko aur zyada versatile bana dete hain kyunki aap kam se kam zaroori information provide karke function ko call kar 
sakte hain, aur zyada details provide kame ka option bhi rakhte hain jab zaroorat ho. Anonymous functions aksar tab istemal kiye jate hain jab 
aapko function ko dynamically define karna ho ya jab aap function ko kisi variable ke sath directly assign karna chahte hain. Yeh TypeScript code 
snippet functions ke liye optional aur default parameters ke istemal ko zahir karta hai. Iska tafseeli jaaiza Roman Urdu mein letay hain: 


Named Function with Optional and Default Parameters 


// Named function with optional and default parameters 
function buildName(firstName: string, lastName = "Khan") : string { 
if (lastName) 
return firstName + 
else 
return firstName; 


+ lastName; 


let result1 = buildName("Bob"); // works correctly because last parameter is optional 
let result2 = buildName("Bob", "Adams", "Sr."); // error, too many parameters 
let result3 = buildName("Bob", "Adams"); // correct 


i] 


¢ buildName function mein lastName ka parameter optional hai aur isay default value "Khan" di gayi hai. Agar function ko call karte waqt 
lastName provide nahi kiya jata, to yeh default value istemal ki jayegi. 

¢ result1 mein sirf FirstName ("Bob") provide kiya gaya hai, aur chunanchah function default LastName ("Khan") ka istemal karta hai. 
Output hoga "Bob Khan". 

e« result2 mein teen arguments diye gaye hain, lekin function sirf do parameters ke liye define kiya gaya hai. Is liye yeh syntax error dega. 

e result3 mein dono firstName aur lastName diye gaye hain, aur yeh sahi hai. Output hoga "Bob Adams". 


Anonymous Function with Default Parameters 


// Anonymous function type with default parameters 
let buildName1 : (firstName: string, lastName?: string) => string = 
function(firstName: string, lastName = "Khan") : string { 
if (lastName) 
return firstName + 
else 
return firstName; 


+ lastName; 


e buildName1 ek variable hai jis mein anonymous function store kiya gaya hai jo FirstName aur optional lastName leta hai. lastName ke 
liye bhi default value "Khan" set ki gayi hai. 

e Yeh function bhi isi tarah se kaam karta hai jaise buildName. Agar lastName provide nahi kiya jata to function default value ("Khan") ka 
istemal karega. 

¢ Function ko is tarah declare karna ((firstName: string, lastName?: string) => string) TypeScript mein type safety ko barhata 
hai aur yeh batata hai ke function kis tarah ke parameters leta hai aur kya return karta hai. 


Summary 


Default parameters functions ko zyada flexible banate hain kyunki aap ko har dafa sab parameters provide karne ki zarurat nahi hoti, khas kar jab 
kuch values aksar repeat hoti hain. Is se code ko shorter aur zyada manageable banaya ja sakta hai. TypeScript mein default aur optional parameters 
ka combination aapko complex scenarios handle kane ki capability deta hai jahan aapko different inputs ke based par different behaviors generate 
karne hote hain. Yeh TypeScript code snippet Rest parameters ke istemal ko demonstrate karta hai, jo functions ko flexible bana deta hai taake woh 
variable number of arguments ko handle kar sakein. Aaiye is code ko Roman Urdu mein samyhte hain: 


Named Function with Rest Parameters 


function buildName(firstName: string, ...restOfName: string[]) { // Named function with Rest parameters 
return firstName + " " + restOfName.join(" "); 
} 


var employeeName = buildName("Joseph", "Samuel", "Lucas", "MacKinzie") ; 


e buildName function FirstName parameter ke sath define kiya gaya hai aur ek Rest parameter ...restOfName jo ke string[ ] type ka hai. 
Rest parameter syntax (. . .) ki madad se, aap kisi bhi number ke additional strings ko function mein pass kar sakte hain. 
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e Jab buildName function ko call kiya jata hai, pehla argument FirstName ke tor par treat kiya jata hai aur baki sab arguments restOfName 
array mein collect ho jate hain. 
e restOfName.join(" ") array ko ek single string mein convert karta hai, har element ke beech mein space ("") daal kar. 
« employeeName mein function ka result store kiya gaya hai, jo "Joseph Samuel Lucas MacKinzie" hoga. 


Anonymous Function with Rest Parameters 


var buildNameFun: (fname: string, ...rest: string[])=>string = 

function (firstName: string, ...restOfName: string[]) { 
return firstName + " " + restOfName.join(" "); 

hs 


e buildNameFun ek variable hai jo ek anonymous function ko store karta hai. Is function ka type signature ((fname: string, ...rest: 
string[ ])=>string) batata hai ke yeh function ek string aur kisi bhi number ke additional string arguments ko accept karta hai aur ek 
string return karta hai. 

¢ Function ki implementation buildName jaisi hi hai, jisme FirstName aur restOfName use kiye gaye hain. 


Important Note on Parameter Order 


¢ Rest, optional, aur default parameters hamesha parameters list ke end mein hona chahiye. Yeh TypeScript ka rule hai taake parameters ka 
handling consistent aur predictable rahe. Agar aap kisi aur position par in parameters ko place karte hain to TypeScript error throw karega. 


Summary 


Rest parameters aapko zyada dynamic functions likhne ki suvidha dete hain jahan aapko pehle se nahi pata hota ke kitne arguments function ko 
provide kiye jayenge. Yeh especially tab useful hota hai jab aap complex operations ko perform karna chahte hain jaise ke strings ko concatenate 
karna ya multiple values ko process karna. Is tarah ke parameters TypeScript mein coding ko zyada flexible aur powerful banate hain. Yeh 
TypeScript code snippet asynchronous programming techniques jaise ke callbacks, promises, aur async/await ko demonstrate karta hai. Aaiye in 
examples ko Roman Urdu mein detail se samajhte hain: 


Callbacks ka Istemal 


function myCallBack(text: string) { 
console.log("inside myCallback " + text); 
H 


function callingFunction(initialText: string, callback: (text: string) => void) { 
callback(initialText) ; 
i 


callingFunction("myText", myCallBack) ; 


e myCallBack ek simple callback function hai jo ek string ko console mein print karta hai. 

e callingFunction ek function hai jo do parameters leta hai: ek string aur ek callback function. Yeh function apne callback ko call karta hai 
aur usko initial text provide karta hai. 

e callingFunction ko myCallBack ke sath call kiya gaya hai, jahan "myText" string ko callback function mein pass kiya gaya hai aur yeh 
"inside myCallback myText" print karega. 


Promises ka Istemal 


function delay(milliseconds: number): Promise<void> { 
return new Promise((resolve) => { 
setTimeout(() => { 
resolve(); 
}, milliseconds); 


})3 
i 
// Using ~then’, “catch, and ~finally’: 
delay(1000) 
.then(() => { 
console.log('The delay is over'); 
}) 


.catch((error) => { 
console.error('Something went wrong:', error); 
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q) 
.finally(() => { 
console.log('This is always executed’); 


})3 


e delay function ek promise return karta hai jo specified milliseconds ke baad resolve hota hai. 
¢ Promise ke .then(), .catch(), aur .finally() methods ka istemal karke, hum log delay ke complete hone, kisi error ka handle, aur kuch 
actions jo hamesha execute hone chahiye hain, unko manage karte hain. 


Async/Await ka Istemal 


// Using ~async/await’: 
try { 
await delay(10@6) ; 
console.log('Await: The delay is over'); 
} catch (error) { 
console.error('Await: Something went wrong:', error); 
} finally { 
console.log('Await: This is always executed'); 
i 


e Yahan, async/await syntax ka istemal karke asynchronous code ko zyada readable aur synchronous-like bana diya gaya hai. 

¢ await keyword ka istemal delay function ke promise ko resolve karne ke liye kiya gaya hai, aur yeh ensure karta hai ke code jo await ke 
baad likha gaya hai wo delay ke baad hi execute hoga. 

e try, catch, aur finally blocks ka istemal error handling aur cleanup code ko manage karne ke liye kiya gaya hai. 


Further Learning 


« Aap ko bataya gaya hai ke aap "Async/await in TypeScript" aur "What is Asynchronous in JavaScript" ke articles ko dekhen aur unke 
examples ko TypeScript mein convert karen. Yeh resources aapko asynchronous programming ke deeper concepts ko samajhne mein madad 
karenge. 


Summary 


Yeh examples demonstrate karte hain ke TypeScript mein asynchronous programming ko kis tarah se handle kiya jata hai, har ek technique ke apne 
faide aur istemal ke contexts hain. Callbacks se lekar promises aur async/await tak, har technique ka apna maqam hai aur yeh aapke application ki 
complexity aur zaroorat ke mutabiq choose ki ja sakti hain. Yeh TypeScript code snippet function overloads ka istemal karta hai, jo developers ko 
ek hi function name ke sath multiple type signatures define karne ki ijazat deta hai. Is tareeqe se, aap function ko different types ke arguments ke 
sath call kar sakte hain, aur TypeScript compile time par type checking ko enforce karta hai. Aaiye is code ko Roman Urdu mein samjhte hain: 


Function Overloads 
// Overloads give us type-checked calls 


// It's customary to order overloads from most specific to least specific 
function add(arg1: string, arg2: string): string; // option 1 
function add(arg1: number, arg2: number): number; // option 2 
function add(arg1: boolean, arg2: boolean): boolean; // option 3 
// This is not part of the overload list, 
// so it has only three overloads 
function add(arg1: any, arg2: any): any { 
return argl + arg2; 
} 


¢ Function add ke liye teen different overloads define kiye gaye hain: ek strings ke liye, ek numbers ke liye, aur ek booleans ke liye. Har 
overload ka apna return type hai jo input types se match karta hai. 

e Sab se pehle teen declarations (overloads) sirf TypeScript ke liye hain; yeh actual implementation nahi hain. Yeh TypeScript ko batate hain ke 
add function ko kis tarah ke arguments ke sath call kiya ja sakta hai. 

« Asal function implementation (add(arg1: any, arg2: any): any) kisi bhi type ke liye generalize kiya gaya hai aur yeh actual code hai jo 
run hota hai jab function ko call kiya jata hai. 

¢ Is implementation mein, arg1 aur arg2 ko simply add kiya jata hai, lekin TypeScript sirf un types ko allow karega jo pehle define kiye gaye 
overloads mein hain. 
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Function Calls 


// Calling ‘add' with any other parameter types would cause an error except for the three options 
console.log(add(1, 2)); // Outputs 3 

console.log(add("Hello", "World")); // Outputs "HelloWorld" 

console.log(add(true, false)); // Outputs false 


¢ add function ko alag-alag types ke sath teen dafa call kiya gaya hai, aur har call overload rules ke mutabiq hai, isliye yeh calls sahi hain. 
¢ Agar aap koi aur type ka combination use karte, jaise (string, number) ya (number, boolean), to TypeScript compile time par error 
throw karta, kyun ke aise combinations ke liye koi overload define nahi kiya gaya hai. 


Summary 


Function overloads ka istemal TypeScript mein flexibility deta hai jab multiple data types ke sath ek hi function ka behavior specify karna ho. Yeh 
technique aapko strong type checking ke sath function ko more dynamic banaane ki suvidha deta hai, jab ke implementation ko aik general form 
mein rakhne ki yazat deta hai. Yeh practice code ko zyada readable aur maintainable banati hai, khaas tor par jab aap complex logic ko handle kar 
rahe hote hain jo multiple data types ke sath kaam karta hai. Yeh TypeScript code snippet tuples ka istemal demonstrate karta hai, jo aik special type 
ka array hai jisme mixed types ki values mojood hoti hain aur inki order bhi important hoti hai. Aaiye is code ko Roman Urdu mein samajhte hain: 


Tuple Types ka Introduction 


// Tuple types have the advantage that you can accurately describe the type of an array of mixed types 
var tuple: [number, string] = [1, "bob"]; 
var secondElement = tuple[1]; // secondElement now has type ‘string’ 


e tuple ek variable hai jo ek tuple type [number, string] ko define karta hai. Iska matlab hai ke pehla element number type ka hoga aur 
dosra string type ka. 

e Jab aap tuple[1] ko access karte hain, TypeScript automatically samajh jata hai ke ye string type ka hai, is liye secondElement ka type 
string ho jata hai. 


Tuples ka Istemal 


const failingResponse = ["Not Found", 404]; 
const passingResponse: [string, number] = ["{}", 200]; 


e failingResponse ek simple array hai jisme string aur number dono types ke elements hain, magar iski type explicitly declare nahi ki gayi hai 
as a tuple. 

¢ passingResponse explicitly tuple ke tor par declare kiya gaya hai ([string, number ]). Is se ye clear ho jata hai ke pehla element 
hamesha string hoga aur dosra number. 


Tuples ka Advanced Istemal 
type StaffAccount = [number, string, string, string?]; 


const staff: StaffAccount[] = [ 
[@, "Adankwo", "adankwo.e@"], 
[1, "Kanokwan", "kanokwan.s@"], 
[2, "Aneurin", "aneurin.s@", "Supervisor"], 


]3 
e StaffAccount type ek tuple ko define karta hai jisme specific types ke elements hain aur aakhri element optional hai (string ?). 


e staff array mein har element ek StaffAccount tuple hai. 


Spread Operator ka Istemal Tuples ke Sath 
type PayStubs = [StaffAccount, ...number[]]; 


const payStubs: PayStubs[] = [ 
[staff[@], 250], 

[staff[1], 250, 260], 
[staff[@], 300, 300, 300], 
]3 


e PayStubs type mein spread operator (. . .number[ ]) ka istemal kiya gaya hai, jo indicate karta hai ke tuple ke baad kisi bhi number ke 
number type ke elements ho sakte hain. 
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¢ payStubs array mein har tuple mein ek StaffAccount aur ek ya zyada number elements hain. 


Tuple Types ka Istemal Functions mein 
declare function calculatePayForEmployee(id: number, ...args: [...number[]]): number; 


calculatePayForEmployee(staff[@][@], payStubs[@][1]); 
calculatePayForEmployee(staff[1][@], payStubs[1][1], payStubs[1][2]); 


« calculatePayForEmployee function ek tuple type ke rest parameters ko accept karta hai, jo ke ye allow karta hai ke function ko variable 
number of number type ke arguments ke sath call kiya jaye. 
¢ Yeh flexibility provide karta hai functions ko dynamically handle karne ke liye, jahan arguments ki exact number pehle se known nahi hot. 


Summary 


Tuples TypeScript mein aik powerful feature hain jo mixed type data ko efficiently handle karne aur type-safe manner mein use karne ki suvidha 
dete hain. Jab order aur type dono important hote hain, tuples ka istemal ideal hota hai, aur ye complex data structures ko manage karne ke liye bhi 
useful hain. Tuples ka istemal khas tor par APIs ya configuration settings jaise scenarios mein helpful hota hai jahan fixed format data ko pass karna 
hota hai. Yeh TypeScript code snippet classes aur structural typing ka istemal demonstrate karta hai, jisme kai classes hain jo alag-alag properties 
aur methods rakhte hain. TypeScript ek structural type system use karta hai, jo classes ke beech type compatibility ka faisla unki structure ke 
mutabiq karta hai, na ke unka inheritance ya source code ki structure par. Aaiye is complex scenario ko Roman Urdu mein detail se samajhte hain. 


Classes and Instances 


class Human { 
name: string; 


constructor(name: string){ 
this.name = name; 


} 
eat(){ 

console.log(this.name + " is a Human and is eating"); 
} 


} 


class Animal { 
name: string; 


constructor(name: string){ 
this.name = name; 


} 
eat(){ 

console.log(this.name + " is a Animal and is eating"); 
} 


} 


class Robot { 
name: string; 


constructor(name: string){ 
this.name = name; 
} 


e Human aur Animal classes mein dono mein name property aur eat method hain, jabke Robot class mein sirf name property hai. 


Structural Typing System 


TypeScript structural type system ke mutabiq, agar do classes ya objects mein same properties aur methods hain to unhein type ke tor par 
compatible samjha jata hai. 


let h: Human = new Human("Tom") ; 
let a: Animal = new Animal("Goat") ; 
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let h2 = h; 
h = a3; // Human aur Animal dono mein ~“name’ aur ~eat()~ hain, is liye ye assignment possible hai 
h.eat(); // Ye call "Goat is a Animal and is eating" print karega 


let r: Robot = new Robot("R2-D2"); 
r =a; // Animal aur Robot mein dono mein “name> property hai 
// lekin "a" mein extra ~eat()~ method hai, structural type system ke tehet ye thik hai kyun ke Robot type mei 


Compatibility Issues 


let r@: Robot = new Animal("Donkey") ; 
// Ye code chal jata hai kyun ke Animal ka structure (i.e., ~name’ property) Robot ke structure se compatible 


Instanceof Checks 


var isItRobot = r@ instanceof Robot; 
console.log("Is Donkey a Robot: " + isItRobot); // false, kyun ke r@ actual mein Robot instance nahi hai 


var isItAnimal = r@ instanceof Animal; 
console.log("Is Donkey an Animal: " + isItAnimal); // true, kyun ke r@ actual mein Animal instance hai 


Fresh Object Issue 


Jab aap kehte hain ke koi object "fresh" hai, is ka matlab hai ke us object ka reference new operation se directly aaya hai. TypeScript mein fresh 
object term ka istemal normally nahi hota, lekin aap fresh instances ki baat kar rahe hain jo direct constructor call se create hote hain. 


Conclusion 


Is code ka main point yeh hai ke TypeScript mein types ka compatibility unke structure par mabni hota hai. Yeh aksar confusion create kar sakta hai 
jab aap expect karte hain ke inheritance ya traditional OOP ke rules apply hon. Yeh example aapko dikhata hai ke kaise TypeScript different classes 
ke beech relationships ko handle karta hai based purely on their properties and methods, not their explicit relationships in code (like inheritance). 
Yeh TypeScript code snippet class-based structural typing aur object literals ke freshness ko le kar kuch confusions ko address karta hai. Aaiye is 
code ko Roman Urdu mein tafsili tor par samjhte hain: 


Class Definitions and Instance Assignments 


class Human { 
name: string; 


constructor(name: string){ 
this.name = name; 
i 


H 


class Animal { 
name: string; 
age: number; 


constructor(name: string, age: number){ 
this.name = name; 
this.age = age; 


} 
eat(){ 
console.log(this.name + " is a Human and is eating"); 
} 
} 
let h1 = new Human(""); 
let a1 = new Animal("world", 50); 


// this is working, but it should not because it is 
// a fresh object with extra properties 
h1 = new Animal("test", 25); // No error in TypeScript 


al = new Human("zeeshan"); // ERROR because Human lacks ‘age’ property 
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e Human aur Animal dono classes name property share karte hain, magar Animal mein ek extra age property aur eat method bhi hai. 

e Jab h1 (jo Human type ka hai) ko new Animal(...) se assign kiya jata hai, TypeScript isey allow karta hai kyun ke structural typing mein 
property names match horahi hain. Is case mein, Animal ka extra age property aur eat method presence ko ignore kiya ja raha hai. 

¢ Is ke baraks, jab a1 (jo Animal type ka hai) ko new Human(...) se assign kiya jata hai, TypeScript error throw karta hai kyun ke Human 
class Animal class ki age property provide nahi karta. 


Object Literals and Freshness 


let a = {name: "Zia"}; 
a = {name: "Zeeshan", age: 22}; // ERROR because of extra ‘age’ property 


¢ Object literals mein "freshness" concept ka istemal hota hai jo extra properties ke presence ko detect karne ke liye hai, jo type definition mein 
nahi hain. Is case mein, TypeScript error throw karta hai kyun ke pehla object literal sirf name property expect karta hai aur age extra hai. 


Fresh Objects from Classes 


¢ Class instances ko "fresh" objects ki tarah nahi mana jata jab type checks ki baat aati hai. Jab aap class instance create karte hain, TypeScript 
sirf existing properties ko check karta hai aur extra properties (jo instance mein hain magar type declaration mein nahi hain) ko structural 
typing rules ke tehat ignore kar deta hai. 


Private Properties for Restricting Assignments 


e Agar aap chahte hain ke Animal instances ko Human type ke variables mein assign na kiya ja sake, to aap Animal class mein ek private 
property add kar sakte hain. Private aur protected properties ki compatibility sirf usi class declaration se originate hone wale instances tak 
mahdood hoti hai. 


Conclusion 


Ye example TypeScript ke structural type system ko samajhne mein madad karta hai, jahan types ka compatibility unki structure (properties aur 
methods) par mabni hota hai. Object literals ke liye "freshness" ka concept aur classes ke instances ke liye structural compatibility rules alag-alag 
behavior exhibit karte hain. Ye understanding aapko better design decisions lene mein madad karegi jab aap TypeScript mein complex applications 
develop kar rahe hote hain. Yeh TypeScript code snippet structural typing, object literals, aur classes ka istemal karte hue kuch typing confusions 
aur common issues ko explore karta hai. Aaiye is code ko Roman Urdu mein samajhte hain, step-by-step: 


Class Definitions and Structural Typing 


class Human { 
name: string; 


constructor(name: string) { 
this.name = name; 
} 


} 


class Animal { 
name: string; 
age: number; 


constructor(name: string, age: number) { 
this.name = name; 
this.age = age; 

} 

eat(quantity: number) { 
console.log(this.name + 

} 


is eating " + quantity + " units of food."); 


e Human class mein sirf ek name property hai. 
e Animal class mein name aur age properties hain, sath hi ek eat method bhi hai jo quantity parameter leta hai. 


Object Literal Assignments 
let d = { name: "Hello", age: 4 }; 
let h: Human = { name: "hello" }; // This is allowed 
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let h1: Human = d; // Concept of stale object applied here 


¢ d object literal mein name aur age dono properties hain. Jab ise Human type ke variable mein assign kiya jata hai, TypeScript isey allow karta 
hai kyunki name property required hai aur mojood hai, aur extra properties ko ignore kiya jata hai. 

e hi ko d se assign karna dikhata hai ke extra properties hone par bhi TypeScript assignment ko allow karta hai agar required properties match 
karti hain. 


Instance Checks 


let isHuman: boolean = h instanceof Human; 
console.log(isHuman); // false 


e instanceof JavaScript operator check karta hai ke runtime pe kya ek object kisi particular class ka instance hai. Choonke h ek object literal 
se create kiya gaya haina ke new Human() se, islive instanceof Human false return karega. 


Incorrect and Correct Animal Assignments 
let al: Animal = { name: "Cat", age: 4 }; // Error: ‘eat' function missing 


let a2: Animal = { name: "Dog", age: 4, eat: function() { console.log("Eat in object literal"); } }; 


¢ al mein error aata hai kyunki eat method missing hai jo Animal class mein required hai. 
¢ a2 sahi tareeke se assign kiya gaya hai kyunki is mein name, age, aur eat method mojood hai. 


Method Call on Object Literal 


a2.eat(); // Not allowed 
a2.eat(3); // Works fine 


e a2.eat() call karna error dega kyunki eat method mein quantity parameter required hai aur isey provide nahi kiya gaya. 
e a2.eat(3) sahi tareeke se kaam karega kyun ke zaroori parameter pass kiya gaya hai. 


Instance Check for Animal 


let isAnimal: boolean = a2 instanceof Animal; 
console.log(isAnimal); // What will be printed? 


¢ Is case mein isAnimal false print karega, kyunki a2 Animal class ke constructor se nahi bana, balki ye ek object literal hai jo structurally 
Animal type ko match karta hai magar instanceof ke liye nahi. 


Summary 


Ye TypeScript code structural typing ke complex aspects ko highlight karta hai, jisme type compatibility, object literals ka behavior, aur 
instanceof checks shamil hain. Is tarah ke nuances ko samajhna zaroori hai jab complex TypeScript applications ko develop aur debug karna ho. 
Yeh TypeScript code snippet class inheritance, polymorphism, aur casting ko demonstrate karta hai. Is mein alag-alag types ke janwar (animals) aur 
unke movements ko model kiya gaya hai. Aaiye is complex example ko Roman Urdu mein samajhte hain: 


Classes and Inheritance 


class Animal { 
name: string; 
constructor(theName: string) { 
this.name = theName; 
} 


move(meters: number = @) { 
console.log(this.name + 
} 


moved " + meters + "m."); 


H 
class Snake extends Animal { 
constructor(name: string) { 


super (name) ; 
} 


move(meters = 5) { 
console.log("Slithering..."); 
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super.move(meters) ; 


} 
bite() { 

console.log(this.name + " bites"); 
i 


} 


class Horse extends Animal { 
constructor(name: string) { 
super (name) ; 
} 
move(meters = 45) { 
console.log("Galloping..."); 
super.move(meters) ; 


e Animal base class haijisme common properties aur methods hain jo tamam animals share karte hain. 
e Snake aur Horse classes Animal se inherit karti hain aur move method ko override karti hain taake specific animal ke movement ko represent 
kar sakein. Snake class mein ek additional bite method bhi hai. 


Polymorphism and Casting 


let a: Animal = new Snake("Python") ; 
a.move(5); // Outputs "Slithering... Python moved 5m." 


let a1: Animal = new Horse("Rocket") ; 
let h: Horse = a1; // No explicit casting required due to assignment compatibility 
let h2: Horse = a1 as Horse; // Explicit casting 


let a2: Animal = new Donkey("Worker", 10); 
let h3: Donkey = a2 as Donkey; // Explicit casting required due to additional properties 


e Jab aik Animal type variable ko Snake ya Horse ka instance assign kiya jata hai, to wo instance us animal ke specific behavior ko exhibit 
karta hai, jaise ke polymorphism ke concept mein hota hai. 
¢ Casting ki zaroorat tab parti hai jab specific methods ya properties tak access ki zaroorat ho jo base class mein nahi hain. 


Freshness and Structural Typing Issues 
let h1: Human = new Animal("test", 25); // This works in TypeScript due to structural typing 


let d1: Horse = new Donkey("Worker", 200); // This is allowed due to structural compatibility 


¢ TypeScript structural typing ki wajah se, agar ek class ka structure dosri class ke structure se milta julta hai, to ek class ka object dosri class 
ke type ke variable mein assign kiya ja sakta hai. Is mein property names aur types ka matching hona zaroori hai. 


Instance Checks 


let isAnimal: boolean = di instanceof Animal; 
console.log("Is Donkey an Animal: " + isAnimal); // true 


let isHorse: boolean = d1 instanceof Horse; 
console.log("Is Donkey a Horse: " + isHorse); // false 


e instanceof operator runtime pe check karta hai ke kya object us specific class ka instance hai ya nahi. d1 ka actual runtime type Donkey 
hai, lekin Horse type ka variable mein store kiya gaya hai, is liye instanceof Horse false return karta hai. 


Summary 


Ye code snippet inheritance, polymorphism, aur TypeScript ki structural typing capabilities ko showcase karta hai. Ye samajhna zaroori hai ke 
TypeScript mein types ki compatibility unke structure par based hoti hai, na ke unke constructor ya prototype chain par. Is se aap ko complex 
object hierarchies aur type relationships ko better handle karne mein madad milegi. Yeh TypeScript code snippet abstract classes aur unke istemal 
ko demonstrate karta hai. Abstract classes aise classes hoti hain jo khud se instances nahi bana sakti lekin wo as a base class kaam karti hain jahan 
se doosri classes inherit kar sakti hain aur abstract methods ko implement kar sakti hain. Aaiye is example ko Roman Urdu mein samajhte hain: 
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Abstract Class Definition 


abstract class Base { 
foo(): number { return this.bar(); } 
abstract bar(): number; 


« Base ek abstract class hai jo foo naam ka ek method provide karta hai jo bar method ko call karta hai. bar method yahan abstract declared 
hai, matlab ke is class ko inherit karne wali har class ko bar method ko define karna zaroori hai. 

e Abstract methods ko body nahi hoti, sirf declaration hoti hai, aur ye child classes par mandatory hota hai ke wo in methods ko implement 
karein. 


Concrete Class Implementation 


class E extends Base { // okay -- implements abstract method 
bar() { return 1; } 
} 


e Eclass Base class se inherit karti hai aur abstract bar method ka implementation provide karti hai. Yahan bar method bas 1 return karta hai, 
jo simple example hai. 


Creating Instances 


var obj1 = new Base(); // Error, cannot create an instance of an Abstract class 


¢ Yeh line error generate karegi kyunki abstract classes se direct instances nahi bana sakte. Iska maqsad yeh hai ke abstract classes sirf structure 
aur functionality ko define karte hain jo inherited honi chahiye. 

¢ TypeScript runtime pe yeh error throw karega agar yeh code JavaScript mein convert ho kar run hota hai, kyunki TypeScript compile time pe 
is tarah ke errors ko catch kar leta hai. 


Using the Concrete Class 


var objE = new E(); // Creating an instance of the concrete class 
console.log(objE.foo()); // Outputs 1, demonstrating polymorphism 


e Jab hum E class ka instance bana kar foo method ko call karte hain, to foo method bar method ko call karta hai jo E class mein define kiya 
gaya hai. Yeh polymorphism ka ek acha example hai jahan base class ka method child class ke method ko utilize karta hai. 


Summary 


Abstract classes TypeScript mein code reusability aur polymorphism ko facilitate karte hain. Ye classes directly instantiate nahi ki jaa sakti lekin unki 
functionality ko extend karke aur customize karke use kiya jaa sakta hai. Ye OOP design principle ka ek aham hissa hain jahan abstract classes 
common interface ya functionality provide karti hain jise specific classes implement karti hain. Yeh TypeScript code snippet constructors, 
inheritance, aur super() calls ka istemal demonstrate karta hai. Code mein alag-alag cases hain jo parent aur child classes ke constructors ka 
interaction dikhaate hain. Aaiye is code ko Roman Urdu mein tafseel se samajhte hain: 


Case 1: Parent Constructor Inheritance 


class A { 
name: string; 
constructor(theName: string, age: number) { 
this.name = theName; 
console.log("A constructor") ; 


} 
i 
class B extends A { 
‘i 
let a: A = new A("A", 4); // Working as expected 
let b: B = new B("C", 8); // Working because B uses A's constructor 
let c: B = new B(); // Not working because A's constructor requires 2 arguments 
let d: B = new B("C"); // Not working because A's constructor requires 2 arguments 


¢ Aclass ek constructor provide karta hai jo do parameters leta hai: theName aur age. 
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¢ Bclass A se inherit karta hai aur apna koi constructor provide nahi karta. Is case mein, B automatically A ke constructor ko inherit karta hai, is 
liye B ke instances banaane ke liye A ke constructor ke parameters zaroori hain. 


Case 2: Child Constructor Without Parent Constructor 


class C { 
} 


class D extends C { 
name: string; 
constructor(theName: string, age: number) { 
super(); // Calling the parent class's constructor, which is default and empty 
this.name = theName; 
console.log("D constructor") ; 


} 
} 
let aa: C = new C(); // Working as expected 
let bb: D = new D(); // Not working because D's constructor requires 2 arguments 
let cc: D = new D("C", 8); // Working as expected 


¢ Cclass koi explicit constructor provide nahi karta, to D class jo C se inherit karta hai usay super() call karna zaroori hai, kyun ke TypeScript 
mein har derived class ka constructor pehle super() call karna zaroori hai. 


Case 3: Overriding Constructors and Super Calls 


class E { 
name: string; 
constructor(theName: string, age: number) { 
this.name = theName; 
console.log("E constructor") ; 


} 


class F extends E { 
name: string; 
constructor(theName: string) { 
super(theName, 4); // Correct usage of super 
this.name = theName; 
console.log("F constructor") ; 


} 
} 
let e: E = new E("E", 1); 
let f: F = new F("F"); 


f.displayName(); // Displays "Name = F" 


¢ F class E se inherit karta hai aur E ke constructor ko override karta hai. F apna constructor provide karta hai jo sirf ek parameter leta hai aur 
super () call mein do parameters deti hai jo E ke constructor ke requirements ko pura karta hai. 


Summary 


Ye code snippets demonstrate karte hain ke TypeScript mein inheritance aur constructors kis tarah se manage kiye jaate hain. Har derived class ko 
ya to parent class ka constructor explicitly call karna hota hai through super(), ya phir agar parent class mein no-argument constructor hai to 
TypeScript automatically usay call karta hai. Jab aap constructors override karte hain, to parent class ke constructor ke signature ko match karna 
zaroori hota hai, aur sahi parameters ke sath super() call karna hota hai. Yeh TypeScript code snippet private access modifier ka istemal 
demonstrate karta hai jo class members ko encapsulate karta hai. Private members sirf unhi classes ke andar accessible hote hain jin mein woh 
declare kiye gaye hain. Aaiye is example ko Roman Urdu mein samajhte hain: 


Private Member in a Class 


class Animal { 
private name: string; 
constructor(theName: string) { 
this.name = theName; 
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} 


move(meters: number) { 
alert(this.name + 
i 


moved " + meters + "m."); 


e Animal class mein name property ko private access modifier ke sath define kiya gaya hai. Iska matlab hai ke name property sirf Animal 
class ke methods ke andar se hi accessible hai. 

e constructor function name property ko initialize karta hai jab bhi Animal class ka koi instance create hota hai. 

« move method name property ka use karta hai, jo ke valid hai kyun ke ye method usi class ke andar defined hai jahan name private hai. 


Attempting to Access Private Member Outside the Class 


var a = new Animal("cat").name; // Error: 'name' is private and only accessible within class ‘Animal’. 
console.log(a); 


e Jab hum new Animal("cat").name ko access karne ki koshish karte hain, TypeScript ek error throw karta hai. Error message yeh hota hai 
ke 'name' is private and only accessible within class ‘Animal’. Iska matlab yeh hai ke name property ko directly class ke 
bahar se access nahi kiya ja sakta. 

¢ Yeh line compile time par hi error generate karegi kyun ke TypeScript static type checking provide karta hai jo access levels ko enforce karta 
hai. 


Summary 


Private access modifiers class-based programming mein ek aham feature hain jo data encapsulation aur abstraction ko support karte hain. Yeh 
features object-oriented programming ke core concepts hain jo data hiding aur interface separation ko facilitate karte hain. TypeScript mein, 
private keyword ko use karke developers class ke certain parts ko external access se restrict kar sakte hain, jis se class ka internal implementation 
hide hota hai aur sirf zaroori interface exposed hota hai. Yeh practice class ko zyada modular aur maintainable banati hai, aur misuse ya unintended 
use ko rokti hai. Yeh TypeScript code snippet nominal typing ko illustrate karta hai, jo private members ka istemal karte hue types ke beech 
compatibility ko define karta hai. Is snippet mein different classes hain jin mein private members hain aur compatibility ka check kiya jata hai based 
on the origin of these private members. Aaiye is complex example ko Roman Urdu mein samajhte hain: 


Nominal Typing with Private Members 


TypeScript structurally typed language hai, lekin jab private ya protected members involve hotay hain, to TypeScript nominal typing ke asool ko 
apply karta hai. Yeh matlab hai ke agar do classes mein private members hain, to woh members usi declaration se originate hone chahiye taake dono 
classes ke instances ek doosre ke sath compatible hoon. 


Classes Definition 


class Human { 
private name: string; 
constructor(name: string){ 
this.name = name; 


} 
eat(){ 


console.log(this.name + 
} 


is a Human and is eating"); 


J 


class Animal { 
private name: string; 
constructor(name: string){ 
this.name = name; 


} 
eat(){ 

console.log(this.name + " is a Animal and is eating"); 
i 


} 


class Robot { 
private name: string; 
constructor(name: string){ 
this.name = name; 
} 
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} 


¢ Har class (Human, Animal, Robot) apna ek private member name rakhti hai. Iska matlab hai ke yeh members class ke bahar accessible nahi 
hain, aur in classes ke instances sirf unhi situations mein ek doosre ke sath compatible honge jab in members ka origin ek hi ho. 


Testing Compatibility 


let h: Human = new Human("Tom") ; 
let a: Animal = new Animal("Goat") ; 
let r: Robot = new Robot("R2-D2"); 


let r@: Robot = new Animal("Donkey"); // Error due to private members 


let h2 = h; 
h = a; // Error, even though structurally similar because private members originated from different declaratio 
h.eat(); 


let r2 =r; 
r =a; // Error, same reason as above 
a = r2; // Error, because Robot does not have an ‘eat’ method and private members issue 


e h = a; aurr = a; assignments errors show karte hain kyunke Human, Animal, aur Robot ke instances mein private members ka origin alag 
hai. Is wajah se, ye assignments TypeScript mein allow nahi hain kyunke yeh nominal type checking ke rules ko violate karte hain. 


Example of Inherited Private Members 


class BigAnimal { 
private name: string; 
constructor(theName: string) { this.name = theName; } 


} 


class Rhino extends BigAnimal { 
constructor() { super("Rhino"); } 
} 


class Employee { 
private name: string; 
constructor(theName: string) { this.name = theName; } 


var animal = new BigAnimal("Elephant"); 
var rhino = new Rhino(); 
var employee = new Employee("Bob") ; 


animal 
animal 


rhino; // Compatible, Rhino inherits private member from BigAnimal 
employee; // Error, Employee and BigAnimal do not share the same private member origin 


e Rhino class BigAnimal se inherit karta hai, isliye BigAnimal aur Rhino ke beech compatibility hai. 
« Employee alag se private member define karta hai, isliye BigAnimal aur Employee ke beech compatibility nahi hai. 


Summary 


Nominal typing private aur protected members ke context mein TypeScript mein ek khaas role ada karta hai. Yeh feature ensure karta hai ke data 
encapsulation aur object-oriented principles sahi tareeke se enforce kiye jayein, specifically jab inheritance involved ho. Is approach se developers 
ko zyada control milta hai over data access aur type safety, khaas kar complex systems design karte waqt. Ye TypeScript code snippet protected 
access modifier ka istemal demonstrate karta hai jo subclasses ko parent class ke kuch members tak access deta hai magar unhein class ke external 
use se restrict karta hai. Aaiye is code ko Roman Urdu mein samajhte hain: 


Protected Members in Classes 


class ListString { 
private contents: string[]; 
constructor() { 
this.contents = []; 
} 


protected setElement(index: number, item: string) { 
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e ListString class contents ko private array ke tor par define karta hai jo string items ko store karta hai. 
e setElement method ko protected access modifier ke sath define kiya gaya hai, jo is method ko sirf ListString class aur is se derived 
subclasses tak mahdud karta hai. 


Subclass Using Protected Member 


class StackString extends ListString { 
currentIndex: number; 


constructor() { 
super(); // Call the parent class constructor 
this.currentIndex = Q@; 


} 


public push(item: string) { 
this.setElement(this.currentIndex, item); // Accessing protected method 
this.currentIndex++; 


e StackString class ListString se inherit hota hai, aur is me push method hai jo setElement ko call karta hai. 
e push method, jo public hai, setElement ka use karta hai jo protected hai. Ye dikhaata hai ke protected members ko unki subclasses 
mein use kiya ja sakta hai. 


Accessing Protected Method Outside 


var stack = new StackString(); 
// stack.setElement(@, "hello"); // Error: 'setElement' is protected and only visible to subclasses 


e Jab hum stack object ke zariye setElement method ko directly access karne ki koshish karte hain, to TypeScript ek error generate karta hai 
kyun ke setElement protected hai aur sirf class ke andar ya is ke derived classes mein visible hai. 

e Is ka matlab yeh hai ke external code jaise ke client code jo StackString class ka instance use karta hai, wo setElement method tak direct 
access nahi kar sakta. 


Summary 


Protected access modifier ek powerful tool hai OOP (Object-Oriented Programming) mein jo encapsulation ko support karta hai jabke 
inheritance ke scenarios mein flexibility deti hai. Ye subclasses ko parent class ke certain internals tak access dene ki tjazat deta hai without exposing 
them to the external world. Ye approach particularly useful hoti hai jab aap libraries ya frameworks develop kar rahe hote hain jahan aap certain 
functionality ko internal subclasses tak limit karna chahte hain magar unhein external users se hide karna chahte hain. Yeh TypeScript code snippet 
getters aur setters ka istemal dikhata hai jo properties tak pahunch ko intercept karte hain, encapsulation ko enable karte hain, aur is tarah se 
members tak pahunch ko zyada finely controlled banate hain. Aaiye is example ko Roman Urdu mein samajhte hain: 


Encapsulation and Accessors 
Encapsulation ek object-oriented programming ka concept hai jo data (properties) aur methods ko ek single unit, ya class mein pack karta hai, aur 


selectively kuch properties ya methods ko chhupaata hai takay object ki internal state ko external interference aur misuse se protect kiya ja sake. 
TypeScript getters aur setters ko use karke encapsulation ko support karta hai. 


Class with Private Member and Accessors 
var passcode = "secret passcode"; 


class Employee { 
private fullName: string | undefined; 


get fullName(): string | undefined { 
return this. fullName; 


} 


set fullName(newName: string | undefined) { 
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if (passcode && passcode === "secret passcode") { 
this. fullName = newName; 
} else { 


console.log("Error: Unauthorized update of employee detail!"); 


} 


e Employee class mein ek private property _ful1Name hai. Ye property directly class ke bahar se accessible nahi hai. 

e fullName ke liye ek getter aur setter defined kiye gaye hain. Getter yeh allow karta hai ke class ke bahar se safely _fullName property ko 
read kiya ja sake. 

¢ Setter mein, ek conditional check hai jo dekhta hai ke passcode correct hai before allowing the update to _fullName. Ye method 
encapsulation aur data protection ko further enhance karta hai, kyun ke yeh ensure karta hai ke _fullName ko sirf valid conditions mein hi 
modify kiya ja sakta hai. 


Using the Class with Accessors 


var employee = new Employee(); 

employee. fullName = "Bob Smith"; // Setting the value using setter 

if (employee.fullName) { // Accessing the value using getter 
console.log(employee.fullName); // Prints "Bob Smith" 

} 


e employee ka instance banaya gaya hai aur fullName property ko setter ke through "Bob Smith" set kiya gaya hai. Agar setter mein koi 
validation ya checks fail hoti, to yeh change nahi hota. 
e Jab fullName property ko access kiya jata hai to getter call hota hai jo stored _ful1Name value ko return karta hai. 


Summary 


Getters aur setters ka use TypeScript aur other object-oriented languages mein ek common practice hai jo better data management aur 
encapsulation ko support karta hai. Ye functionality classes ko zyada secure aur flexible banati hai, as developers can control how values are set 
and retrieved, and can add additional logic for validation or modification of the data. Accessors ki help se developers class ke internal state ko 
protect kar sakte hain aur sirf intended ways mein hi is tak access provide kar sakte hain. This TypeScript code snippet demonstrates the use of 
static properties and methods within a class. Static members belong to the class itself rather than to any specific instance of the class. This allows 
them to be accessed directly via the class name, rather than an instance of the class. Let's understand this example in Roman Urdu: 


Static Properties and Methods 


class MyClass { 
static x = @; // Static property 
static printXx() { // Static method 
console. log(MyClass.x); 


} 


e MyClass class mein ek static property x hai jo ki integer type ka hai aur iski initial value @ hai. 

¢ printx ek static method hai jo MyClass.x ko console mein print karta hai. Note kijiye ke static method ke andar, hum class ka naam 
MyClass use karte hain static property x tak pahunchne ke liye. Ye is liye zaroori hai kyunki static properties or methods ko directly class ke 
naam ke saath access kiya jata hai, na ke kisi specific instance ke saath. 


Accessing Static Members 


console.log(MyClass.x); // Accessing static property directly through the class 
MyClass.printX(); // Calling static method directly through the class 


e Jab MyClass.x ko access kiya jata hai, to ye directly class MyClass ke static property x ko refer karta hai. Is case mein, ye @ print karega. 
e MyClass.printX() method ko call karne par, method MyClass. x kicurrent value ko print karta hai. Choonke x ki value @ hai, ye bhi @ 
print karega. 


Key Points about Static Members 
¢ Class-level Accessibility: Static members ko class level par define kiya jata hai, na ke instance level par. Iska matlab ye hai ke wo sabhi 
instances ke liye common hote hain aur unhein kisi specific instance ke creation ke bina directly class ke naam se access kiya ja sakta hai. 


« Memory Efficiency: Static properties ek hi baar memory mein store hoti hain, chahe aap class ke kitne bhi instances create kar lein. Ye un 
scenarios ke liye useful hai jahan aapko class level ki information store karni ho jo har instance ke liye same ho. 
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e Usage Scenarios: Static members aksar utility functions ya constants store karne ke liye use kiye jate hain jo kiclass ke sabhi instances ke 
liye relevant hote hain. Misal ke taur par, agar aapko kisi class ke sabhi instances ke liye ek counter maintain karna ho jo track karta ho ke kitne 
instances create kiye gaye hain. 


Summary 


Static properties aur methods classes ke design mein ek important role play karte hain, khaaskar jab aapko class-wide ya application-wide states ya 
configurations manage karne hon. Ye encapsulation aur resource management ko behtar banane mein madadgar sabit hote hain, kyun ke ye class 
level par manage kiye jate hain aur specific instances ki creation se independent hote hain. Yeh TypeScript code snippet interfaces aur "structural 
typing" ko illustrate karta hai, jo ke TypeScript ki core principles mein se ek hai. Ye code "duck typing" ya "structural subtyping" ke concepts ko 
bhi cover karta hai, jahan type-checking object ke shape ya structure par focus karti hai na ke us ke type pe. Aaiye is code ko Roman Urdu mein 
samayhte hain: 


Interfaces and Structural Typing 


TypeScript mein, interfaces ek tareeqa hain jis se hum specific shapes ya structures ko name assign kar sakte hain, jo ke objects ya other data 
structures ke expected properties aur methods ko describe karte hain. 


Without Named Interfaces 


function printLabel(labelledObj: { label: string }) { 
console. log(labelledObj.labe1) ; 


} 


e Yahan, printLabel function ek object accept karta hai jo ke kam se kam ek label property rakhta ho jo ke type string hai. Is example se 
structural typing ka concept samajh aata hai: object ka actual type matter nahi karta, bas us ke structure matter karta hai. 


Fresh and Stale Objects 


e Fresh Objects: Ye woh objects hain jo directly function calls ya assignments mein declare kiye gaye hain. TypeScript in fresh objects ke liye 
strict hota hai aur extra properties ko allow nahi karta unless explicitly allowed ho through index signatures. 


e Stale Objects: Ye woh objects hain jo pehle se defined hain aur phir use kiye gaye hain. TypeScript stale objects ke sath thoda lenient hota 
hai aur extra properties ko allow karta hai. 


// Fresh Object example: 
printLabel({ label: "Size 10 Object" }); // OK 
printLabel({ size: 10, label: "Size 10 Object" }); // Error because of extra property 


// Stale Object example: 
var myObj4 = { size: 10, label: "Size 18 Object" }; 
printLabel(myObj4); // OK because it's a stale object 


Using Named Interfaces 


interface LabelledValue { 
label: string; 


} 


function printLabelY(labelledObj: LabelledValue) { 
console. log(labelledObj.labe1) ; 


} 


e LabelledValue interface ek label property ko define karta hai. Jab hum is interface ko use karte hain, to ye clarify karta hai ke function sirf 
wohi properties expect karta hai jo interface mein define ki gayi hain. 


Index Signatures 


interface LabelledValue2 { 
[x: string]: any; 


Z 


function printLabelY2(labelledObj: LabelledValue2) { 
console. log(arguments[@]); 


} 
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e LabelledValuez2 index signature use karta hai, jo kehta hai ke koi bhi property name ho sakti hai aur us ka type any ho sakta hai. Ye 
flexibility deta hai ke aap kisi bhi property name ko use kar sakenge. 


Summary 


Ye examples demonstrate karte hain ke TypeScript mein type-checking ka focus object ki structure pe hota hai rather than its explicit type. 
Interfaces structural contracts ko define karte hain jo ke developers ko unke code mein type safety aur clarity provide karte hain. Index signatures 
ke use se developers ko dynamically-named properties ke sath kaam karne ki flexibility milti hai, jab ke freshness aur staleness concepts type 
checking rules ko further detail se explain karte hain. Ye TypeScript code snippet interfaces ke optional properties ka istemal demonstrate karta hai. 
Optional properties interfaces mein properties ko declare karne ka tareeqa hain jahan ye properties object mein mojood ho sakti hain ya nahi, is se 
flexibility milta hai object configuration ke liye. Aaiye is example ko Roman Urdu mein samajhte hain: 


Interface with Optional Properties 


interface SquareConfig { 
color?: string; 
width?: number; 


Z 


¢ SquareConfig interface mein do optional properties hain: color aur width. Yahan ? ka nishan in properties ko optional banata hai, matlab 
ke ye properties SquareConfig type ke objects mein mojood ho sakti hain ya nahi. 

¢ Optional properties ka faida yeh hai ke aap different configurations describe kar sakte hain without every property ko har object instance mein 
include karne ki requirement ke. 


Function to Create a Square 


function createSquare(config: SquareConfig): {color: string; area: number} { 
var newSquare = {color: "white", area: 100}; 
if (config.color) { 
newSquare.color = config.color; 


} 
if (config.width) { 
newSquare.area = config.width * config.width; 


} 


return newSquare; 


« createSquare function SquareConfig type ka ek parameter leta hai aur ek object return karta hai jisme color aur area properties hain. 

¢ Function default color "white" aur default area 100 ke saath ek square object initialize karta hai. 

e Agar config object mein color property mojood hai, to function us color ko square ke color ke tor par set karta hai. 

e Agar config object mein width property mojood hai, to function square ke area ko calculate karne ke liye width ka use karta hai (width * 
width). 


Using the Function 


var mySquare = createSquare({color: "black"}); 
console.log(mySquare.area); // Output will be 100 


¢ createSquare function ko {color: "black"} ke sath call kiya gaya hai. Yahan, sirf color property provide ki gayi hai aur width 
provide nahi ki gayi. 

e createSquare function color property ko update karta hai lekin width property mojood nahi hone ke sabab area default value pe rehta hai, 
jo ke 100 hai. 


Advantages of Optional Properties 


¢ Optional properties se developers ko objects ko flexible tareeke se describe karne ki suvidha milti hai jahan kuch properties ko provide kiya ja 
sakta hai jab zaroori ho. 

e Ye interfaces ko versatile bana dete hain kyun ke aap unhein various situations mein use kar sakte hain without har property ko har waqt 
provide kare ki zaroorat ke. 

¢ Optional properties ka istemal karke, developers un properties ko bhi handle kar sakte hain jo expected nahi hain, is tarah se type safety ko 
maintain karte hue flexibility bhi provide karte hain. Ye TypeScript code snippet interfaces ko function types ke liye istemal karte hue dikhata 
hai. TypeScript mein interfaces na sirf class types balki functions ke signatures ko bhi define karne ke liye use kiye ja sakte hain, jo ke Java ya 
C# jaise languages se different hai jahan interfaces generally sirf class types ko describe karte hain. Aaiye is example ko Roman Urdu mein 
samajhte hain: 
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interface SearchFunc { 
(source: string, subString: string): boolean; // Note there is no name assigned to the function signature 


} 


e SearchFunc interface ek function type ko describe karta hai jo do strings ko parameters ke tor par leta hai (Source aur subString) aur ek 
boolean return karta hai. 

¢ Interface ke andar function ka koi name nahi hota; sirf uske parameters aur return type define kiye jate hain. Ye interface un functions ke liye 
type definition provide karta hai jo is signature ko match karte hain. 


Implementing the Interface 


var mySearch: SearchFunc = function(src: string, sub: string) { 
var result = src.search(sub); 
if (result == -1) { 
return false; 
} else { 
return true; 
} 
}3 


e mySearch variable ko SearchFunc type assign kiya gaya hai, jo ek function hai. Yeh function src aur sub ke parameters ko leta hai aur 
check karta hai ke sub string src string ke andar mojood hai ke nahi. 

¢ Yeh implementation interface ke defined signature ko follow karta hai. Parameter names (src, sub) original interface mein defined names 
(source, subString) se match nahi karte hain, lekin TypeScript mein ye zaroori nahi hota ke names match hon; sirf types aur unka order 
match hona chahiye. 


Parameter Type Checking 


¢ TypeScript function parameters ko type-check karta hai ek ek karke, har ek corresponding position mein types ko ek doosre se match karte 
hue dekhta hai. Yeh ensure karta hai ke function call valid hai according to the defined interface, chahe parameters ke names jo bhi hon. 


Summary 


Interfaces ko functional types ke tor par use karna TypeScript mein functions ke liye flexible aur strong type definitions provide karta hai. Yeh 
feature developers ko enable karta hai ke wo specific function signatures ko enforce kar sakein across their codebase, ensuring ke functions 
expected tarah se behave karen. Ye encapsulation aur reusability ko bhi promote karta hai, kyun ke aap ek common interface define kar sakte hain jo 
multiple parts of your application mein implement kiya jaa sakta hai. Is tarah, interfaces function types ke liye ek powerful tool hain TypeScript 
mein, providing both flexibility and type safety. Ye TypeScript code snippet interfaces ka istemal array aur dictionary types ko describe karne ke 
liye demonstrate karta hai. TypeScript mein interfaces ka istemal na sirf class types balki complex data structures jaise ke arrays aur dictionaries ko 
bhi define karne ke liye kiya ja sakta hai, jo Java ya C# jaise languages se alag hai jahan interfaces generally classes ko describe karte hain. Aaiye is 
example ko Roman Urdu mein tafseel se samajhte hain: 


Interfaces for Array Types 


interface StringArray { 
[index: number]: string; // Array index signature 
length: number; // Standard array property 


let myArray: StringArray = ["Bob", "Fred"]; 
var first = myArray[@]; // Accessing the first element, "Bob" 


e StringArray interface ek numeric index signature define karta hai, jahan har index pe string type ka value hona chahiye. Ye effectively ek 
string array ko describe karta hai. 

e length property standard array property hai jo array ke length ko indicate karta hai. 

e myArray variable ko StringArray type assign kiya gaya hai, aur ye ["Bob", "Fred"] array ko hold karta hai. 


Interfaces for Dictionary Types 


interface Dictionary { 
[index: string]: string; // Dictionary pattern where keys are strings and values are also strings 


} 
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let myDictionary: Dictionary = {"first": "Bob", "second": "Fred"}; 
var first = myDictionary["first"]; // Accessing the value with key "first", which is "Bob" 


e Dictionary interface ek string index signature define karta hai, jo ke ek simple key-value store jaise dictionary ko describe karta hai jahan 
keys aur values dono strings hain. 


Example with Required Additional Property 


interface Dictionary2 { 

[index: string]: string; 

length: string; // Additional string property named ‘length’ 
i 


let myDictionary2: Dictionary2 = {"first": "Bob", "second": "Fred"}; // Error because '‘length' property is req 
let myDictionary3: Dictionary2 = {"first": "Bob", "second": "Fred", length: "2"}; // Correct, includes require 


e Dictionary2 interface mein ek additional non-index property length hai, jo is case mein string type ka hai. Iska matlab hai ke koi bhi 
object jo Dictionary2 type ko implement karta hai usay ye length property include karni hogi. 


Restrictions with Index Signatures 


interface AnotherDictionary { 

[index: string]: string; 

length: number; // Error, the type of ‘length' is not a subtype of the indexer 
J 


e AnotherDictionary interface mein ek problem hai. Yahan length property numeric type ki hai, jo index signature ke return type (string) 
ka subtype nahi hai. TypeScript mein, jab aap numeric aur string indexes dono ko support karte hain, to numeric index ka type string index ke 
type ka subtype hona zaroori hai. 


Summary 


Interfaces ka istemal array aur dictionary patterns ko describe kane ke liye TypeScript mein ek powerful way hai. Ye data structures ko more 
precisely define karta hai, aur developers ko type safety provide karta hai jab wo arrays ya dictionaries jaise data structures ko manipulate karte 
hain. Index signatures ke through flexibility milti hai different types ke indexes ko handle karne ki, lekin certain rules ko follow karna padta hai types 
ko consistent rakhne ke liye. Ye TypeScript code snippet interfaces ko class types ke sath istemal karne ka tareeqa demonstrate karta hai. Interfaces 
ka istemal class contracts ko enforce karne ke liye kiya jata hai, jo ke C# aur Java jaise languages mein common hai. Is approach se yeh ensure hota 
hai ke classes kuch specific methods aur properties ko implement karein jo interface mein define kiye gaye hain. Aaiye is example ko Roman Urdu 
mein samajhte hain: 


Interface Definition for a Class 


interface ClockInterface { 
currentTime: Date; 
setTime(d: Date); 


¢ ClockInterface interface define karta hai ke koi bhi class jo is interface ko implement karegi usay currentTime naam ki ek Date type 
property aur setTime naam ka ek method provide karna hoga jo ek Date object ko argument ke tor par leta hai. 


Class Implementation of an Interface 


class Clock implements ClockInterface { 
currentTime: Date; 
setTime(d: Date) { 
this.currentTime = d; 
} 


constructor(h: number, m: number) { } 


e Clock class ClockInterface ko implement karta hai. Is class mein currentTime property aur setTime method dono mojood hain, jo ke 
interface ke requirements ko pura karte hain. 

e constructor is class ka jo h (hours) aur m (minutes) leta hai, lekin yahan ye values ka use nahi kiya gaya hai kyunki ye sirf ek basic example 
hai. 
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Interface and Class Interactions 


e Interfaces primarily class ke public side ko describe karte hain, na ke private side ko. Iska matlab ye hai ke interface ke through aap sirf un 
properties aur methods ko define kar sakte hain jo class ke bahar se accessible honi chahiye. 

¢ Interface ka use karke, aap yeh ensure nahi kar sakte ke class kuch specific types ya properties ko privately rakh rahi hai. Yeh privacy ki aik 
limitation hai jo interfaces provide karte hain. 


Key Points 


1. Explicit Contracts: Interfaces ke zariye explicitly specify kiya ja sakta hai ke koi class kya functionality provide karegi. Ye developers ko help 
karta hai understanding aur using the class in a predictable way. 


2. Public Interface: Interfaces class ke "public interface" ko define karte hain, yani ke wo parts jo class ke consumers use kar sakenge. 
3. Flexibility and Safety: Interfaces ko implement kare se classes zyada modular aur interchangeable ban jaati hain, kyunki wo common 


interface ko follow karte hain. Ye software design ko zyada flexible aur safe banata hai, as long as classes agreed-upon contracts ko follow 
karein. 


Summary 

Interfaces ka istemal TypeScript mein classes ke behavior ko formalize karne aur enforce karne ke liye ek powerful tool hai. Ye programming 
approach better design principles ko promote karta hai aur ensures ke components easily interchangeable aur understandable hain. Interfaces ka 
istemal karke, developers can clearly define what a class should do, making the software more robust and easier to maintain. This TypeScript code 
snippet discusses an important concept in TypeScript related to the separation between the static and instance sides of classes, especially when 


interfacing with constructors. It explains how to properly use interfaces to define types for the static side (e.g., constructors) of a class, which is a 
common confusion point. Let's delve into the explanation in Roman Urdu: 


Classes and Interfaces: Static vs. Instance Sides 
When working with classes in TypeScript, it's crucial to distinguish between the static side and the instance side: 


e Static Side: This side includes features that belong to the class itself, like static methods or the constructor itself. 
¢ Instance Side: This side includes features that belong to instances created from the class, like instance methods and properties. 


Interface for Constructor Signature 


interface ClockInterface { 
new (hour: number, minute: number); // This defines a constructor signature 
2 


e ClockInterface is defining a constructor signature, not an instance method or property. This is meant to be used to type-check the static 
side of a class, specifically the constructor function. 


Common Mistake: Implementing Constructor Interface 
class Clock1 implements ClockInterface { // Error 


currentTime: Date; 
constructor(h: number, m: number) { } 


e The above class Clock1 tries to implement ClockInterface directly, which leads to an error. In TypeScript, you cannot implement an 
interface that defines a constructor signature directly because interfaces can only be implemented by the instance side of the class. 


Correct Approach: Static and Instance Interfaces 
interface ClockStatic { 


new (hour: number, minute: number); // Constructor signature for the static side 
H 


interface MyClockInterface { 
currentTime: Date; // Property for the instance side 
i 


class Clock implements MyClockInterface { 
currentTime: Date; 
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constructor(h: number, m: number) { 
this.currentTime = new Date(); 
} 


var cs: ClockStatic = Clock; // Correctly referencing the static side 
var newClock: MyClockInterface = new cs(7, 30); // Creating a new instance 


e ClockStatic is an interface that is intended to interact with the static side of classes — specifically, it is used to type-check the constructor 
function. 

e MyClockInterface is used for the instance side, ensuring any instance of Clock has the currentTime property. 

¢ cs is typed as ClockStatic, which means it refers to the class itself, not an instance. It is used to create new instances of Clock that 
conform to the MyClockInterface. 


Summary 


This example illustrates the correct way to use interfaces to define both the static side (constructor) and the instance side (properties and methods) 
of classes in TypeScript. Understanding this distinction is crucial for properly leveraging TypeScript's powerful type system in object-oriented 
programming, especially when dealing with complex class structures where constructors and instances need to be separately managed. Ye 
TypeScript code snippet classes aur interfaces ke sath kaam karte hue unke static aur instance sides ko samajhne ki ahmiyat ko zahir karta hai. Is 
mein interfaces ka istemal class constructors ko define karne ke liye kiya gaya hai, jo ke aam tor par Java ya C# jaise languages mein nahi hota. 
Aatye is code ko Roman Urdu mein samajhte hain: 


Classes aur Interfaces: Static aur Instance Sides 
Jab aap TypeScript mein classes aur interfaces ke sath kaam karte hain, to ye zaroori hai ke aap samjhein ke ek class ke do types hote hain: 


e Static Side: Ye class ke wo features hain jo khud class se related hote hain, jaise ke constructors ya static methods. 
e Instance Side: Ye wo features hain jo class ke instances se related hote hain, jaise ke instance properties aur methods. 


Interface jo Constructor Define Karta Hai 


interface ClockInterface { 
new (hour: number, minute: number); // Ye constructor ka signature define karta hai 
} 


e ClockInterface interface ek constructor signature ko define karta hai. Ye interface ka maqsad hai ke jo bhi class is interface ko implement 
kare, us class ka constructor in parameters ko accept kare. 


Error Jab Class Constructor Interface Ko Implement Kare 


class Clock1 implements ClockInterface { // Error 
currentTime: Date; 
constructor(h: number, m: number) { } 


e Clock1 class ClockInterface ko implement karne ki koshish karta hai, jo ke ek error produce karega. TypeScript mein, aap directly 
constructor signatures wale interfaces ko classes ke sath implement nahi kar sakte hain. Iska sabab yeh hai ke constructors class ke static side 
pe hote hain. 


Sahi Approach: Static aur Instance Interfaces 


interface ClockStatic { 
new (hour: number, minute: number); // Static side ke liye interface 
: 


interface MyClockInterface { 
currentTime: Date; // Instance side ke liye interface 
} 


class Clock implements MyClockInterface { 
currentTime: Date; 
constructor(h: number, m: number) { } 


} 


var cs: ClockStatic = Clock; // Static side ko reference karta hai 
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var newClock: ClockInterface = new cs(7, 30); // New instance banata hai 


e ClockStatic interface ko class ke static side ko handle karne ke liye use kiya gaya hai, yani ke constructor ke liye. 

e MyClockInterface instance side ke liye use kiya gaya hai, jo ke properties ko define karta hai jo har instance mein honi chahiye. 

¢ cs variable ko ClockStatic type assign kiya gaya hai, jo ke class Clock ko directly refer karta hai, aur phir newClock variable ko 
ClockInterface ke type ka new instance banane ke liye use kiya gaya hai. 


Summary 


Ye example demonstrate karta hai ke TypeScript mein aap kis tarah se class ke static aur instance sides ko alag se manage kar sakte hain using 
interfaces. Ye approach aapko zyada control deti hai over class behavior aur constructors, aur yeh aik powerful tool hai object-oriented 
programming mein, khas tor pe jab complex systems design kiye jate hain jahan precise control zaroori hota hai. Ye TypeScript code snippet hybrid 
types ko illustrate karta hai, jo ke aise objects hain jo function ke sath-sath object ke tor par bhi kaam karte hain, aur in mein additional properties 
bhi hoti hain. Ye pattern aksar third-party JavaScript libraries ke sath interact karte waqt use hota hai, jahan objects ko diverse functionalities 
provide karni hoti hain. Aaiye is example ko Roman Urdu mein samajhte hain: 


Hybrid Type Interface 


interface Counter { 
(start: number): string; // Function signature with no assigned name 
interval: number; 
reset(): void; 


e Counter interface ek function signature ko define karta hai jo ek number ko input ke tor par leta hai aur ek string return karta hai. Iske ilawa, 
Counter mein do aur members hain: interval, jo ke ek number hai, aur reset, jo ek void returning function hai. 
e Ye structure ek hybrid type ko describe karta hai: ek part function hai aur baki parts traditional object properties aur methods hain. 


Using the Hybrid Type 


var c: Counter; 

c(1@); // Call the function part of the hybrid type 
c.reset();  // Call the method part of the hybrid type 
c.interval = 5.0; // Set the property part of the hybrid type 


e Pehle, c ko Counter type ke tor par declare kiya gaya hai. Is declaration se ye samajh aata hai ke c na sirf ek function hai jo numbers ko 
accept karta hai aur strings return karta hai, balkiis mein interval property aur reset method bhi hain. 

e ¢(10) call karte waqt, Counter interface ke function part ko invoke kiya ja raha hai. 

e c.reset() method ko call karte waqt, object ke method part ko invoke kiya ja raha hai. 

e« c.interval = 5.0; ke zariye, c ke interval property ko set kiya ja raha hai. 


Significance of Hybrid Types 


Hybrid types ka istemal karke, developers ko JavaScript ke diverse patterns ko model karne ki flexibility milti hai, jo especially useful hota hai jab 
third-party libraries ya complex legacy code bases ke sath kaam karna parta hai. Is tarah ke patterns se developers ko complex behaviors aur 
diverse interfaces ko ek unified, type-safe structure mein encapsulate karne ki suvidha milti hai. 


Note 


Ye example conceptual hai aur actual implementation details par depend karta hai ke kis tarah ka runtime environment hai aur kaise TypeScript ko 
transpile kiya gaya hai. TypeScript ka code JavaScript mein transpile hone ke baad, actual JavaScript runtime environment mein kis tarah behave 
karega ye dekhna zaroori hai, khas tor pe jab advanced types jaise ke hybrid types ka istemal ho raha ho. Ye TypeScript code snippet classes ko 
interfaces ke tor par istemal kane ka tareeqa dikhata hai. TypeScript mein, jab aap ek class define karte hain, to wo na sirf ek constructor function 
banata hai balke ek type bhi create karta hai jo class ke instances ko represent karta hai. Is wajah se, classes ko interfaces ki tarah istemal kiya ja 
sakta hai. Aaiye is example ko Roman Urdu mein samajhte hain: 


Class Declaration as Type 
class Point { 


X: number; 
y: number; 


¢ Point class mein do properties hain: x aur y, dono number type ke. Jab ye class declare hoti hai, to ye ek type bhi create karta hai jo Point 
ke instances ko represent karta hai. 
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Extending a Class with an Interface 


interface Point3d extends Point { 
z: number; 
} 


e Point3d ek interface hai jo Point class ko extend karta hai. Iska matlab hai ke Point3d type mein Point ke properties (x aur y) ke ilawa ek 
additional property z bhi shamil hai. 

e Ye pattern dikhata hai ke kaise aap ek class ko as a base type use kar sakte hain aur uske properties ko extend kar sakte hain with more 
specific functionalities using an interface. Is se code reuse aur inheritance ke benefits milte hain. 


Using the Extended Type 
var point3d: Point3d = {x: 1, y: 2, z: 3}; 


¢ point3d variable ko Point3d type assign kiya gaya hai, jo ek object hai jo Point class ke properties ke sath-sath z property ko bhi define 
karta hai. 
e Yahan, point3d object mein x, y, aur z teeno properties specified hain, jo Point3d interface ke requirements ko pura karte hain. 


Key Points 


e Classes as Types: Classes TypeScript mein ek dual role play karte hain: wo ek constructor function provide karte hain instances banane ke 
liye, aur sath hi ek type bhi provide karte hain jo us class ke instances ko describe karta hai. 

¢ Interface Extension: Interfaces ko classes ke types ko extend karne ke liye istemal kiya ja sakta hai, jis se aap additional properties ya 
methods ko specific types mein include kar sakte hain. 

¢ Code Reusability and Maintenance: Is tarah se classes aur interfaces ko combine karke, developers code ko zyada reusable aur easy to 
maintain bana sakte hain, kyun ke basic functionalities ko classes mein define kiya ja sakta hai aur more specific functionalities ko interfaces ke 
zariye extend kiya ja sakta hai. 


Summary 


Ye example demonstrate karta hai ke TypeScript mein classes ek powerful way hain types ko define karne ke liye aur interfaces ke sath unhe extend 
karna possible hai. Ye approach object-oriented programming principles ko follow karta hai, jahan abstraction, encapsulation, inheritance, aur 
polymorphism ko support kiya jata hai. Ye TypeScript code snippet class decorators ka istemal demonstrate karta hai, jo JavaScript aur TypeScript 
mein runtime par classes, properties, methods, ya parameters ko modify ya annotate kame ke liye use kiye jaate hain. Decorators design patterns 
jaise aspect-oriented programming techniques ko enable karte hain, jo developers ko codebase across additional behaviors ko inject karne ki ijazat 
dete hain bina main class code ko modify kiye. Aaiye is example ko Roman Urdu mein samajhte hain: 


Class Decorators 


Decorator functions ko define karte hain jo classes ko modify kar sakte hain. Ye function ko @ character ke sath prefix karke class definition se 
pehle use kiya jata hai. 


function logClass(target: any) { 
// Save a reference to the original constructor 
var original = target; 


// A utility function to generate instances of a class 
function construct(constructor, args) { 
var c: any = function () { 
return constructor.apply(this, args); 
} 
c.prototype = constructor.prototype; 
return new c(); 


} 


// The new constructor behaviour 

var f: any = function (...args) { 
console.log("New: " + original.name) ; 
return construct(original, args); 


} 


// Copy prototype so instanceof operator still works 
f.prototype = original.prototype; 
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// Return new constructor (will override original) 
return Ff; 


} 


e logClass decorator ek new constructor behavior ko define karta hai. Jab bhi koi new instance banaya jata hai, yeh decorator log karta hai ke 
konsa class instantiated ho raha hai (console.log("New: " + original.name)). 

¢ Ye decorator original class ke constructor ko replace karta hai ek new function f ke sath, jo original constructor ko wrap karta hai. Ye ensure 
karta hai ke new behavior add hota hai (jaise logging) jab bhi class ka instance create hota hai. 

¢ Ye decorator prototype ko bhi copy karta hai taake instanceof operator correctly kaam kare, jo check karta hai ke koi object kisi 
particular class ka instance hai ya nahi. 


Applying the Decorator to a Class 


@logClass 

class Person { 
public name: string; 
public surname: string; 


constructor(name: string, surname: string) { 
this.name = name; 
this.surname = surname; 


var me = new Person("Zia", "Khan"); 
// Output: New: Person 


console.log(me instanceof Person) ; 
// Output: true 


¢ @logClass decorator Person class par apply kiya gaya hai. Is se har baar jab Person class ka koi new instance create hota hai, to console 
par "New: Person" log hota hai. 

e« me instanceof Person check karta hai ke me variable Person class ka instance hai, aur yeh true return karta hai kyunki decorator ne 
prototype chain ko preserve kiya hai. 


Summary 


Class decorators ek powerful feature hain TypeScript mein jo code ko modular banane aur reusable components banane mein madad karte hain. Ye 
developers ko classes ke behavior ko extend karne ki suvidha dete hain without unhe directly modify kiye. Decorators especially useful hain jab aap 
libraries ya frameworks develop kar rahe hote hain jahan aapko additional functionalities ko provide karna hota hai ya existing behaviors ko modify 
karna hota hai. Ye TypeScript code snippet class decorators ko arguments ke sath istemal karne ka tareeqa dikhata hai, jo ke TypeScript mein ek 
advanced feature hai. Is se developers ko decorators mein additional configuration provide kame ki suvidha milti hai jab wo use kiye jate hain. 
Aatye is code ko Roman Urdu mein samajhte hain: 


Configurable Class Decorators 


Decorator ko configurable banane ke liye, aap ek higher-order function ka istemal karte hain. Ye function decorator arguments ko accept karta hai 
aur ek inner function return karta hai jo actual decorator ka kaam karta hai. 


function logClassWithArgs(filter: Object) { 
return (target: Object) => { 
// Here you implement the class decorator logic 
console.log(target, filter); // Logs the class constructor and the filter object 


e logClassWithArgs function ek object ko parameter ke tor par leta hai (filter), aur ek function return karta hai jo class decorator ke tor 
par kaam karta hai. 

e Jab is decorator ko kisi class par apply kiya jata hai, to ye class ke constructor ko aur filter object ko log karta hai. 

e filter object ko decorator ko apply karte waqt provide kiya jata hai, jis se ye decorator kafi flexible ho jata hai aur different scenarios mein 
customize kiya ja sakta hai. 


Applying the Decorator to a Class 


Decorator ko ek class par apply karne ke liye, aap @DecoratorName syntax ka istemal karte hain jahan DecoratorName wo function hai jo 
decorator ko define karta hai. Agar decorator configurable hai to aap is syntax mein arguments bhi pass kar sakte hain. 
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@logClassWithArgs({ when: { name: "Zeeshan" } }) 
class Person { 
public name: string; 
public surname: string; 


constructor(name: string, surname: string) { 
this.name = name; 
this.surname = surname; 


} 
} 


var me = new Person("Zia", "Khan"); 
// Output when class is instantiated: Console logs the class constructor and the filter object 


console.log(me instanceof Person) ; 
// true - Checks if ‘me’ is an instance of ‘Person’ 


e @logClassWithArgs({ when: { name: "Zeeshan" } }) yeh line Person class ko decorate karta hai, aur filter object ke tor par { 
when: { name: "Zeeshan" } } pass karta hai. 

¢ Jab koi new instance of Person create hota hai(new Person("Zia", "Khan")), to logClassWithArgs decorator function invoke hota 
hai, jo class constructor aur filter object ko log karta hai. 


Summary 


Class decorators with arguments TypeScript developers ko powerful tool provide karte hain jis se wo runtime par classes ke behavior ko 
dynamically modify kar sakte hain based on external configuration. Ye technique especially useful hai when working with large applications or 
libraries jahan aapko classes ke behavior ko various conditions mein adjust karna hota hai without unhein directly modify kiye. Is approach se code 
reusability aur maintainability dono improve hoti hain. Ye TypeScript code snippet reflect-metadata library ka istemal karke properties par 
metadata ko access aur log karne ka tareeqa dikhata hai. Ye functionality developers ko enable karta hai ke wo decorators ke sath runtime par type 
information ko capture aur utilize kar sakein. Aaiye is code ko Roman Urdu mein samajhte hain: 


Reflection aur Metadata ka Istemal in TypeScript 


TypeScript mein, reflect-metadata library ko istemal karte hue aap class properties aur methods ke metadata ko store aur retrieve kar sakte 
hain. Ye especially decorators ke sath useful hota hai, jahan aap specific information ko property ya method se associate karna chahte hain. 


Setting Up Reflection 


Sabse pehle, aapko reflect-metadata library ko apne project mein include karna hoga aur isay import karna hoga: 
import "reflect-metadata” ; 


Ye line global reflection capabilities ko enable karta hai, jo ke TypeScript decorators ke sath metadata ko handle karne ke liye zaroori hai. 


Defining a Property Decorator 
Property decorator ko define karna jo runtime par type information ko capture aur log kare: 


function logType(target: any, key: string) { 
var t = Reflect.getMetadata("design:type", target, key); 
console.log(* ${key} type: ${t.name}° ); 


e logType ek property decorator hai jo Reflect. getMetadata method ka istemal karta hai. Ye method design: type metadata key ke sath 
specified property ke type ko retrieve karta hai. target argument wo object hai jis par property defined hai, aur key wo property ka naam hai 
jis par decorator apply kiya gaya hai. 

e Jab ye decorator kisi property par apply hota hai, to ye console par us property ke type ko log karta hai. 


Applying the Decorator to a Class Property 
Decorator ko kisi class ke property par apply karne ke liye: 


class Demo { 
@logType // Apply the property decorator 
public attri: string; 

} 
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e Demo class mein attri naam ki ek public property hai. @logType decorator ko attr1 par apply kiya gaya hai, jo is property ke type ko log 
karega jab bhi ye class instantiate hott hai. 
¢ Is example mein, jab Demo class ka koi instance create hota hai, to logType decorator runtime par attr1 ki type (string) ko log karega. 


Summary 


Reflection aur metadata ka istemal TypeScript mein ek advanced technique hai jo developers ko decorators ke through additional behavior ko 
dynamically properties aur methods se associate karne ki suvidha deta hai. Ye technique especially useful hai advanced application frameworks aur 
libraries ko develop kame ke liye, jahan complex behavior patterns ko efficiently manage karna parta hai. reflect-metadata library is 
functionality ko support karta hai, aur isay correctly setup aur use karna crucial hai for leveraging its full capabilities. Ye TypeScript code snippet 
generics ka istemal demonstrate karta hai, jo C# aur Java jaise zubanon mein reusable components banane ke liye ek ahem tool hain. Generics ki 
madad se developers aise components bana sakte hain jo ek variety of types ke sath kaam kar sakte hain, na ke sirf ek single type ke sath. Aaiye is 
example ko Roman Urdu mein samajhte hain: 


Generics Introduction 


Generics programming mein aise components (classes, interfaces, methods) ko define karne ka tareeqa hai jo kisi bhi type ke data ke sath kaam kar 
sakte hain. Ye type-specific coding ki zaroorat ko kam karta hai aur code reuse ko barhata hai. 


Generic Class Definition 


class Container<T> { 
private _array: T[]; 


constructor(){ 
this._array = []; 


} 


add(item: T){ 
this._array.push(item) ; 
} 


e Container<T> ek generic class hai, jahan T ek type variable hai. Ye represent karta hai ke Container class kisi bhi type T ke elements ko 
store kar sakta hai. 

e Class mein _array naam ka private member hai jo type T[ ] ka array hai. Ye array Container class ke instances ke through manage kiya jata 
hai. 

e add method ek new item ko _array mein add karta hai. Ye item T type ka hota hai, jo ke Container class ko instantiate karte waqt specify 
kiya jata hai. 


Using the Generic Class 


let c = new Container<string>(); // Container for strings 
let c1 = new Container<number>(); // Container for numbers 


e c ek Container instance hai jo specifically strings ko handle karta hai. Iska matlab hai ke c ke _array mein sirf string type ke elements store 
kiye ja sakte hain. 

e c1 ek Container instance hai jo numbers ko handle karta hai. Yani ke c1 ke _array mein sirf number type ke elements store kiye ja sakte 
hain. 


Benefits of Using Generics 


1. Type Safety: Generics ke zariye, developers ko type-specific errors se bachne mein madad milti hai, kyun ke type checks compile-time par hi 
ho jate hain. 

2. Reusability: Ek hi generic class ko different types ke sath reuse kiya ja sakta hai, jo code duplication ko kam karta hai. 

3. Flexibility: Generics ke use se developers ko unke zaroorat ke mutabiq types ke sath components ko customize karne ki flexibility milti hai. 


Summary 


Generics ek powerful feature hain jo TypeScript aur dusri modern programming languages offer karti hain. Ye developers ko robust aur flexible 
software components banane ki suvidha dete hain, jo kisi bhi type ke data ke sath kaam kar sakte hain. Is se software development mein flexibility 
aur efficiency dono barhti hain. Ye TypeScript code snippet generics ke constraints ko demonstrate karta hai. Generics constraints ka istemal karke, 
developers ye specify kar sakte hain ke generic type kis tarah ke types par operate karega. Yeh un cases mein useful hota hai jahan aap kuch 
specific functionality ya properties ko ensure karna chahte hain jo har type mein mojood honi chahiye. Aaiye is code ko Roman Urdu mein 
samayhte hain: 
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Generics Constraints Introduction 


Generics constraints aap ko generic types ko limit karne ki suvidha dete hain takay sirf unhi types par operate ho sakain jo kuch specific conditions 
ko fulfill karte hain. Is se code zyada safe aur predictable hota hai. 


Base Class Definition 


class MyObject { 
name: string; 


} 


e MyObject ek simple class hai jismein sirf ek property name hai jo ke type string hai. Ye class as a base class kaam karegi jis par generic 
constraints apply kiye jayenge. 


Generic Class with Constraints 


class Container<T extends MyObject> { 
private _array: T[]; 


constructor() { 
this._array = []; 


} 


add(item: T) { 
this._array.push(item) ; 
console.log(item.name); // Accessing 'name' property because it's guaranteed by the constraint 


} 
print() { 

this._array.forEach((value: T) => console.log(value.name)); // Similarly accessing ‘name’ in print mett 
} 


e« Container<T extends MyObject> syntax ka matlab hai ke Container class sirf un types ke instances ko handle karegi jo MyObject 
class se derived hain ya MyObject ko implement karte hain. Is tarah, Container class ke methods mein name property ko safely access kiya 
ja sakta hai kyun ke yeh har T type mein mojood hone ki guarantee hai. 

e add method mein, hum item ko _array mein add kar rahe hain aur uska name property console par print kar rahe hain. 

¢ print method _array ke har element ke name property ko print karta hai. 


Using the Generic Class 


//let c = new Container<string>(); // Error, because string doesn't extend MyObject 
//let c1 = new Container<number>(); // Error, because number doesn't extend MyObject 


class MyObject2 extends MyObject { 
doSomething() { 
console.log(this.name + " did it"); 


} 
} 
let obj = new MyObject2(); 
obj.name = "Zeeshan"; 


let cont = new Container<MyObject2>(); 
cont.add(obj); 
cont.print(); 


« MyObject2 MyObject ko extend karta hai aur ek additional method doSomething ko introduce karta hai. 
« Container<MyObject2> ka instance cont create kiya gaya hai aur ismein MyObject2 ka instance obj add kiya gaya hai. 
e Jab cont.add(obj) aur cont.print() call hote hain, to obj ke name property ko console par print kiya jata hai. 


Summary 


Generics constraints ki madad se TypeScript developers ko zyada robust aur type-safe applications develop karne ki suvidha dete hain. Ye 
constraints ensure karte hain ke generics sirf un types ke sath operate honge jo specific requirements ko pura karte hain, is se runtime errors ko kam 
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kiya ja sakta hai aur code maintainability ko behtar banaya ja sakta hai. Ye TypeScript code snippet class expressions ko demonstrate karta hai, jo 
classes create karne ka ek tareeqa hai jo expressions ke tor par use kiya ja sakta hai. Class expressions ko aap kisi bhi jagah use kar sakte hain jahan 
expressions allow hote hain, aur yeh class declarations ke saare features aur capabilities ko support karte hain. Aaiye is example ko Roman Urdu 
mein samajhte hain: 


Class Expressions 


Class expressions, class declarations ki tarah, new classes banane ka ek tareeqa hain. Farq yeh hai ke class expressions ko aap expressions ke tor 
par use kar sakte hain, jahan bhi expressions valid hain. 


Example 


class StateHandler extends class { 
reset() { 
return true; 


} 
ca 
constructor() { 
super () 
} 


} 


var g = new StateHandler(); 
console. log(g.reset()); 


e StateHandler class ek anonymous class ko extend kar rahi hai jo reset method define karti hai. 

« reset method ko anonymous class mein define kiya gaya hai aur yeh true return karta hai. 

e StateHandler ka constructor super() call karta hai jo parent class ka constructor call karta hai. 

e var g = new StateHandler(); line ek new instance banata hai StateHandler class ka. 

e console.log(g.reset()); line reset method ko call karke uska result console par print karti hai, jo true hai. 


Summary 
Class expressions TypeScript mein ek powerful feature hain jo aapko more flexible aur concise tareeqe se classes create karne ki suvidha dete hain. 


Yeh approach especially useful hoti hai jab aapko dynamically class ko create ya extend karna ho without explicitly naming the class. Class 
expressions ko aap kahin bhi use kar sakte hain jahan expressions valid hain, is se aapka code more modular aur readable ban sakta hai. 
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